@font-face{font-family:NotoColor;src:url(/fonts/NotoColor/NotoColorEmoji-Regular.ttf) format("truetype");font-weight:100 900;font-style:normal}@font-face{font-family:PlayFair;src:url(/fonts/PlayFair/PlayfairDisplay-VariableFont_wght.ttf) format("truetype");font-weight:100 900;font-style:normal}@font-face{font-family:SourceSerif;src:url(/fonts/SourceSerif/SourceSerif4-VariableFont_opsz,wght.ttf) format("truetype");font-weight:100 900;font-style:normal}:root{font-size:14px}html,body{margin:0;padding:0;border:0}body{margin:0;font-family:SourceSerif}section{padding-top:4rem}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}h1,h2,h3,h4,h5,h6{font-family:Playfair Display,serif}p{font-size:1rem}button{background-color:#820000;color:#fff;font-size:1rem;font-family:PlayFair;border:0px;cursor:pointer;width:100%;padding:1rem 1.5rem}button.arrowButton{padding:.25rem .5rem}.burgundy{color:#820000}section{margin:0 2rem}section h2{text-decoration:underline;text-decoration-color:#820000;text-underline-offset:4px}input[type=checkbox]{appearance:none;-webkit-appearance:none;width:1rem;height:1rem;border-radius:4px;border:2px solid #800020;background-color:#fff;position:relative;cursor:pointer;margin:0}input[type=checkbox]:checked{background-color:#800020}input[type=checkbox]:before{content:"";position:absolute;width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:translate(-50%,-60%) rotate(45deg);top:50%;left:50%;opacity:0}input[type=checkbox]:checked:before{opacity:1}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;padding:0;margin:0}.floaterButton{position:absolute;width:auto;background:none;display:flex;justify-content:center;align-items:center;cursor:pointer;z-index:99}.closeButton{right:0}.arrowButton{position:relative}.arrowButton.left{transform:rotate(180deg)!important}.emoji{font-family:NotoColor,sans-serif}.bold{font-weight:700}@media (min-width: 480px){:root{font-size:15px}}@media (min-width: 640px){section{padding-top:0rem}}@media (min-width: 768px){:root{font-size:16px}button{padding:.75rem 1.25rem}}@media (min-width: 1024px){:root{font-size:17px}button{padding:.5rem}}@media (min-width: 1280px){:root{font-size:18px}}html,body{margin:0;width:100%;min-height:100%}body{padding:0;box-sizing:border-box;height:100vh}header{width:100%;position:fixed;bottom:0;display:flex;flex-direction:row;justify-content:space-between;z-index:1000;background-color:#fff}header p{display:none}header nav{width:100%}header nav ul{width:100%;display:flex;flex-direction:row;padding:0;margin:0}header nav ul li{flex:1;list-style:none;text-align:center;padding:1rem 0;cursor:pointer;border-top:1px solid #a7a7a7}header nav ul li a{text-decoration:none;color:#000}header nav ul li.selected{border-top:1px solid #820000;font-weight:bolder}@media (min-width: 640px){header{position:absolute;width:calc(100% - 4rem);padding:2rem;padding-bottom:0;bottom:auto;background:linear-gradient(to bottom,#ffffff 0%,#ffffff 85%,transparent 100%)}header p{display:block;width:8rem;border-top:1px solid #820000;text-align:right;margin:0}header nav{width:auto}header nav ul{width:auto}header nav ul li{flex:1;width:8rem}}section.hero{text-align:center}section.hero h1{margin-bottom:.5rem;margin-top:0}section.hero .heroImage{display:none}section.hero .position{margin:0;font-size:1.25rem}section.hero .divider{margin-top:4rem}section.hero .flag{width:1.5rem;height:1rem}section.hero .btn{margin-top:2rem}@media (min-width: 480px){section.hero .divider{display:flex;flex-direction:row;gap:1rem}section.hero .content{flex:1}section.hero .content .btn{margin-left:0}}@media (min-width: 640px){section.hero{text-align:left;display:flex;align-items:center;min-height:100vh}section.hero .heroImage{display:block;width:256px;height:256px}}@media (min-width: 992px){section.hero .heroImage{width:384px;height:384px}}@media (min-width: 1024px){section.hero .heroImage{width:384px;height:384px}}.about{width:100%;display:flex;flex-direction:row}.about .facts{display:flex;flex-direction:column;flex:1}.about .bubbles{display:none;cursor:pointer}@media (min-width: 880px){.about .bubbles{position:relative;display:block;width:100%;flex:1}.about .bubbles .bubble:nth-child(1){width:12rem;height:12rem;top:8rem;right:2rem}.about .bubbles .bubble:nth-child(2){width:7rem;height:7rem;bottom:0rem;right:1rem}.about .bubbles .bubble:nth-child(3){width:8rem;height:8rem;bottom:4rem;left:4rem}.about .bubbles .bubble:nth-child(4){width:6rem;height:6rem;top:1rem;right:0rem}.about .bubbles .bubble:nth-child(5){width:7rem;height:7rem;top:1rem;left:8rem}}@media (min-width: 880px){.bubble{position:absolute;aspect-ratio:1/1;border-radius:100%;background-color:gray;background-color:#a7a7a7}.bubble img{filter:grayscale(1);transition:.1s ease-in-out;border-radius:100%;width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1)}.bubble.magnify img{filter:grayscale(.4);transform:scale(1.1)}}.highlight{background-color:#820000;color:#fff;border-radius:4px;cursor:pointer}section{min-height:1vh}.menu{display:flex;flex-direction:column;justify-content:center;gap:1rem}.description{display:none}.description form div>*{cursor:pointer}.projectList{width:100%;height:100%;display:flex;flex-direction:column;gap:1rem;align-items:center}.projectList div{position:relative;width:100%;aspect-ratio:1.618/1;border-radius:8px;background-color:#000;cursor:pointer;overflow:hidden;transform:scale(1);transition:.25s ease-in-out;filter:grayscale(1)}.projectList div img{opacity:.3;width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;z-index:0;transition:opacity .25s ease-in-out}.projectList div p{position:absolute;bottom:0;right:0;z-index:1;color:#fff;font-weight:bolder;padding:16px;margin:0;text-align:right}.projectList div:hover,.projectList div:focus-visible{transform:scale(1.02);filter:none;transition:.25s ease-in-out}.projectList div:hover img,.projectList div:focus-visible img{opacity:.5}@keyframes loading{to{background-position:200% 0}}.projectList div.emptyProject{position:relative;background:linear-gradient(90deg,#fff0,#ffffff1a 45%,#fff3,#ffffff1a 55%,#fff0);background-color:#a7a7a7;background-size:200% 100%;animation:loading 2s infinite;border-radius:8px;filter:blur(.1px)}@media (min-width: 480px){.description{display:block}.description form{display:flex;flex-direction:row;gap:1rem}.description form>*{display:flex;flex-direction:row;gap:.5rem;align-items:center}.projectList{display:grid;grid-template-columns:1fr 1fr;align-items:center;margin:0;justify-content:center}}@media (min-width: 640px){.description form>*{min-width:16rem}}@media (min-width: 768px){.projectList{width:100%;display:grid;grid-template-columns:1fr 1fr 1fr}}.visible{display:block}.invisible{display:none}.frame{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;overflow-y:scroll;overflow-y:auto}.background{position:fixed;width:100%;height:100%;background-color:#0000004d;z-index:1}.project{z-index:2;background-color:#fff;margin:0;position:relative;padding-top:0;min-height:100%;width:100%}.project h2{text-align:center;margin:0}.project h3{text-align:center;font-weight:700;text-decoration:underline;text-decoration-color:#820000;margin-top:0;font-size:1.2rem}.project .content{padding:0rem 2rem 4rem;display:flex;flex-direction:column;gap:2rem}.project .title{position:relative;overflow:hidden;padding:4rem}.project .title img{display:none}.project .description{display:block;text-align:justify}.project .details{width:100%;display:grid;grid-template-columns:auto;gap:2rem 1rem;align-items:start;text-align:center}.project .details .status{padding:.25rem .5rem;border-radius:2rem;font-weight:700}.project .details .status.completed{color:#063;border:2px solid #006633}.project .details .status.progress{color:#ca0;border:2px solid #ccaa00}.project .details .infoItem{display:flex;flex-direction:column}.project .details .infoItem h3,.project .details .infoItem p{margin:0}.project .details .type{display:none}.project .techStack{display:flex;flex-wrap:wrap;justify-content:center;margin:auto;gap:.5rem}.project .techStack span{padding:.25rem .5rem;border:2px solid #820000;border-radius:2rem;font-weight:700}.project .links ul{list-style:none;padding:0;margin:0;flex-wrap:wrap;display:flex;flex-direction:row;gap:.5rem;justify-content:flex-start}.project .links li{text-align:center}.project .links a{color:#820000;font-weight:500}@media (min-width: 480px){.project h3{text-align:left}.project .description,.project p{text-align:justify}.project .details{grid-template-columns:auto auto auto;text-align:left}.project .details .type{display:block}.project .techStack{justify-content:left}}@media (min-width: calc(1024px + 5rem)){.project{margin:4rem auto;width:1024px;min-height:auto}.project .title{padding:4rem 0}.project .title img{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;mask-image:linear-gradient(to bottom right,black 0%,transparent 50%);-webkit-mask-image:linear-gradient(to bottom right,black 0%,transparent 50%)}}.media .wrapper{position:relative}.media .wrapper .carrousel{display:flex;flex-direction:row;overflow-x:scroll;width:100%;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none}.media .wrapper .carrousel::-webkit-scrollbar{display:none}.media .wrapper .carrousel div{flex:0 0 100%;overflow:hidden;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;scroll-snap-align:start}.media .wrapper .carrousel div img,.media .wrapper .carrousel div video{margin:auto;width:100%;height:100%;object-fit:cover;display:block}.media .wrapper .arrowButton{position:absolute;background-color:#820000;z-index:5;aspect-ratio:1/1;border-radius:100%;opacity:0%;transition:.1s ease-in}.media .wrapper .arrowButton.right{top:50%;right:2rem;transform:translateY(-50%)}.media .wrapper .arrowButton.left{top:50%;left:2rem;transform:translateY(-50%) rotate(180deg)!important}.media .wrapper .arrowButton.up{top:1rem;left:50%;transform:translate(-50%) rotate(270deg)}.media .wrapper .arrowButton.down{left:50%;bottom:1rem;transform:translate(-50%) rotate(90deg)}.media .wrapper:hover .arrowButton{opacity:50%}.media .wrapper:hover .arrowButton:hover{opacity:100%}.media .wrapper .points{display:flex;justify-content:center;margin-top:8px;gap:6px}.media .wrapper .point{width:8px;height:8px;border-radius:50%;background-color:#a7a7a7;opacity:.5}.media .wrapper .point.active{opacity:1;background-color:#820000}.media .display{display:none}@media (min-width: 640px){.media{display:flex;flex-direction:row}.media .wrapper .carrousel{display:flex;flex-direction:column;gap:1rem;width:4rem;max-height:32rem;height:100%;overflow-x:visible;overflow-y:scroll;margin:0 1rem}.media .wrapper .carrousel div{flex:0 0 auto;width:100%;aspect-ratio:1/1}.media .wrapper .carrousel div img,.media .wrapper .carrousel div video{width:100%;height:100%;display:block;margin-bottom:.5rem;object-fit:cover;filter:grayscale(1);transform:scale(.9);cursor:pointer;transition:.1s ease-in-out}.media .wrapper .carrousel div img:hover,.media .wrapper .carrousel div video:hover{transform:scale(1);filter:grayscale(.4)}.media .wrapper .carrousel div:focus-visible img,.media .wrapper .carrousel div:focus-visible video{transform:scale(1);filter:grayscale(.4)}.media .wrapper .carrousel div.selected img,.media .wrapper .carrousel div.selected video{transform:scale(1);filter:grayscale(0)}.media .wrapper .points{display:none}.media .display{display:block;flex:1;max-width:100%;overflow:auto;height:28rem;display:flex;align-items:start;justify-content:center;overflow:hidden}.media .display img,.media .display video{width:100%;height:auto;display:block;object-fit:contain}.media .display img{width:calc(100% - 1px);border:1px solid #a7a7a7}}.linksWrapper{width:100%;display:flex;flex-direction:column;padding:1rem 0}.linksWrapper .links{margin:auto;display:flex;gap:4rem}.linksWrapper .linksParagraph{text-align:center;color:#a7a7a7}@media (min-width: calc(1048px + 4rem)){.linksWrapper{position:fixed;height:100vh;left:0;top:0;width:auto;margin:0 2rem;padding:0;flex-direction:column}.linksWrapper .linksParagraph{display:none;order:2;transform:rotate(-90deg);width:fit-content}.linksWrapper .links{order:1;flex-direction:column;gap:2rem}}main[data-astro-cid-j7pv25f6]{max-width:1024px;margin:auto;padding-bottom:4rem}footer[data-astro-cid-j7pv25f6]{display:none}@media (min-width: 640px){main[data-astro-cid-j7pv25f6]{padding-bottom:0}}@media (min-width: calc(1048px + 4rem)){footer[data-astro-cid-j7pv25f6]{display:flex;align-items:center;justify-content:center;color:#a7a7a7;width:100%;height:4rem;margin:0}}