@font-face{font-family:CascadiaCode;src:url(/assets/CascadiaCode-Regular-CIwq8_CP.woff2) format("woff2"),url(/assets/CascadiaCode-Regular-COm-fxFR.ttf) format("truetype"),url(/assets/CascadiaCode-Regular-EQn8HH8d.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:CascadiaCode;src:url(/assets/CascadiaCode-Bold-CtdV9HaP.woff2) format("woff2"),url(/assets/CascadiaCode-Bold-Cu19aTjP.ttf) format("truetype"),url(/assets/CascadiaCode-Bold-msBcTWuQ.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:CascadiaCode;src:url(/assets/CascadiaCode-Light-BGXzHpo7.woff2) format("woff2"),url(/assets/CascadiaCode-Light-CmNZD7Xo.ttf) format("truetype"),url(/assets/CascadiaCode-Light-CVyKgPU5.otf) format("opentype");font-weight:300;font-style:normal;font-display:swap}@keyframes slide{0%{transform:translateY(-100%)}to{transform:translateY(0)}}#home{height:100dvh;width:100%;overflow:hidden;background-image:linear-gradient(to right,var(--text-color) 50%,var(--main-color) 50%);z-index:-1;align-items:stretch}#home .settings-gear{position:absolute;top:7vw;left:7vw;font-size:1.5vw;color:var(--main-color);cursor:pointer;border:none;background:none;z-index:10}#home .settings-gear:hover>*{rotate:75deg}#home .settings-gear>*{transition:.2s}#home .container{display:grid;grid-template-columns:1fr 30% 45%;margin-inline:auto;padding-inline:7vw;width:100%;height:100%}#home .container .pic-wrapper,#home .container .details-wrapper{z-index:2}#home .container .pic-wrapper{display:flex;justify-content:center;align-items:end}#home .container .pic-wrapper img{width:100%;height:75%;object-fit:contain;object-position:center bottom}#home .container .seperator{display:flex;align-items:center;justify-content:center;max-height:100dvh;user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-o-user-select:none}#home .container .seperator .wraptext{height:120%;width:100%;display:flex;align-items:center;justify-content:center;z-index:0;rotate:-17deg}#home .container .seperator .wraptext div.text{width:300%;height:100%;flex-shrink:0;display:flex;flex-direction:column;background-color:var(--main-color);color:var(--text-color)}#home .container .seperator .wraptext div.text:first-child{background-color:var(--text-color);color:var(--main-color);justify-content:start;rotate:180deg}#home .container .seperator .wraptext div.text p{writing-mode:vertical-rl;text-wrap:nowrap;font-weight:700;font-size:1.5vw;width:min-content;position:relative;animation:slide 80s infinite linear}#home .container .details-wrapper{display:flex;flex-direction:column;justify-content:space-between;align-items:end;padding-block:7vw}#home .container .details-wrapper .details{display:flex;flex-direction:column;align-items:end}#home .container .details-wrapper .details img{width:4vw;filter:var(--img-filter);aspect-ratio:300/337}#home .container .details-wrapper .details h1{margin-top:1vw;font-size:4vw;text-transform:uppercase}#home .container .details-wrapper .details p,#home .container .details-wrapper .details span{font-size:1.5vw;text-align:center}#home .container .details-wrapper .contact{display:flex;flex-direction:column}#home .container .details-wrapper .contact div.social-wrapper{display:flex;justify-content:end;align-items:center;gap:.8vw;opacity:.8;transition:.2s ease-in-out opacity;padding-block:.45vw}#home .container .details-wrapper .contact div.social-wrapper:hover{opacity:1}#home .container .details-wrapper .contact div.social-wrapper div.line{height:100%;min-width:2vw;width:100%;position:relative;overflow:hidden}#home .container .details-wrapper .contact div.social-wrapper div.line:before{content:"";position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);height:.15vw;background-color:var(--text-color)}#home .container .details-wrapper .contact div.social-wrapper div.line:after{content:"";position:absolute;top:0;bottom:0;left:-100%;right:100%;transition:.5s ease-in-out;background-color:var(--main-color)}#home .container .details-wrapper .contact div.social-wrapper:hover div.line:after{left:100%;right:-100%}#home .container .details-wrapper .contact div.social-wrapper .social-icon{font-size:1.4vw}#home .container .details-wrapper .contact div.social-wrapper p{font-size:1.2vw}@media screen and (max-width: 992px){#home .settings-gear{font-size:3vw}#home .container .seperator .wraptext div.text p{font-size:2.3vw}#home .container .details-wrapper .details img{width:5vw}#home .container .details-wrapper .details h1{font-size:4.7vw}#home .container .details-wrapper .details p,#home .container .details-wrapper .details span{font-size:2.7vw}#home .container .details-wrapper .contact div.social-wrapper{gap:1.5vw;padding-block:.8vw}#home .container .details-wrapper .contact div.social-wrapper div.line{min-width:3vw}#home .container .details-wrapper .contact div.social-wrapper div.line:before{height:.2vw}#home .container .details-wrapper .contact div.social-wrapper .social-icon{font-size:2.5vw}#home .container .details-wrapper .contact div.social-wrapper p{font-size:2vw}}@media screen and (max-width: 576px){#home{height:100svh;background-image:linear-gradient(to bottom,var(--text-color) 50%,var(--main-color) 50%)}#home .settings-gear{font-size:6vw}#home .container{padding-inline:0;grid-template-rows:1fr 1.5fr;grid-template-columns:1fr;max-height:100dvh}#home .container .pic-wrapper img{width:100%;height:35dvh}#home .container .seperator{display:none}#home .container .details-wrapper{justify-content:space-around;align-items:center;background-color:var(--main-color);padding:7vw}#home .container .details-wrapper .details{width:100%;align-items:center;gap:1vh}#home .container .details-wrapper .details img{width:12vw}#home .container .details-wrapper .details h1{font-size:9vw}#home .container .details-wrapper .details p,#home .container .details-wrapper .details span{font-size:5vw}#home .container .details-wrapper .contact div.social-wrapper{gap:3.5vw;padding-block:1.8vw}#home .container .details-wrapper .contact div.social-wrapper div.line{min-width:7vw}#home .container .details-wrapper .contact div.social-wrapper div.line:before{height:.5vw}#home .container .details-wrapper .contact div.social-wrapper .social-icon{font-size:5.5vw}#home .container .details-wrapper .contact div.social-wrapper p{font-size:4.8vw}}@font-face{font-family:CascadiaCode;src:url(/assets/CascadiaCode-Regular-CIwq8_CP.woff2) format("woff2"),url(/assets/CascadiaCode-Regular-COm-fxFR.ttf) format("truetype"),url(/assets/CascadiaCode-Regular-EQn8HH8d.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:CascadiaCode;src:url(/assets/CascadiaCode-Bold-CtdV9HaP.woff2) format("woff2"),url(/assets/CascadiaCode-Bold-Cu19aTjP.ttf) format("truetype"),url(/assets/CascadiaCode-Bold-msBcTWuQ.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:CascadiaCode;src:url(/assets/CascadiaCode-Light-BGXzHpo7.woff2) format("woff2"),url(/assets/CascadiaCode-Light-CmNZD7Xo.ttf) format("truetype"),url(/assets/CascadiaCode-Light-CVyKgPU5.otf) format("opentype");font-weight:300;font-style:normal;font-display:swap}@keyframes fadeIn{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fadeOut{0%{transform:translateY(0)}50%,to{transform:translateY(100%)}}#settings{position:fixed;top:0;left:0;bottom:0;right:0;z-index:100;padding:7vw;background-color:var(--main-color);color:var(--text-color);animation:fadeIn .4s;display:grid;place-items:center}#settings .settings-container{display:grid;place-items:center;margin-top:-7vw;gap:4vw}#settings .settings-container .setting{display:flex;flex-direction:column;align-items:center;gap:1vw}#settings .settings-container .setting ul{list-style-type:none;display:flex;border:1px solid var(--text-color);border-radius:5px}#settings .settings-container .setting ul li{cursor:pointer;padding:.5vw 2vw;text-align:center}#settings .settings-container .setting ul li.active{color:var(--main-color);background-color:var(--text-color)}#settings .settings-container .setting ul li.active::selection{color:var(--text-color);background-color:var(--main-color)}#settings .settings-container .setting ul li.active::-moz-selection{color:var(--text-color);background-color:var(--main-color)}#settings.exit{animation:fadeOut .8s}#settings .close{position:absolute;top:5.5vw;right:5.5vw;font-size:2vw;padding:1.5vw;cursor:pointer;background:none;border:none;color:var(--text-color)}#settings .hotkeys{position:absolute;bottom:7vw;left:5vw;text-align:left;color:var(--text-color);display:flex;flex-direction:column;gap:1.5vw}#settings .hotkeys p{scale:.75}#settings .hotkeys p span{opacity:.5;color:var(--main-color);background-color:var(--text-color);padding:.5vw .7vw;border-radius:5px}@media screen and (max-width: 992px){#settings .close{font-size:3vw}}@media screen and (max-width: 576px){#settings .close{font-size:6vw}#settings .settings-container{gap:12vw;width:100%}#settings .settings-container .setting{gap:4vw;width:100%}#settings .settings-container .setting ul{width:100%;gap:1vw}#settings .settings-container .setting ul li{padding:2vw 3vw;width:100%}#settings .settings-container .setting ul.lang-list{display:grid;grid-template-columns:repeat(2,1fr)}#settings .hotkeys{display:none}}@font-face{font-family:CascadiaCode;src:url(/assets/CascadiaCode-Regular-CIwq8_CP.woff2) format("woff2"),url(/assets/CascadiaCode-Regular-COm-fxFR.ttf) format("truetype"),url(/assets/CascadiaCode-Regular-EQn8HH8d.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:CascadiaCode;src:url(/assets/CascadiaCode-Bold-CtdV9HaP.woff2) format("woff2"),url(/assets/CascadiaCode-Bold-Cu19aTjP.ttf) format("truetype"),url(/assets/CascadiaCode-Bold-msBcTWuQ.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:CascadiaCode;src:url(/assets/CascadiaCode-Light-BGXzHpo7.woff2) format("woff2"),url(/assets/CascadiaCode-Light-CmNZD7Xo.ttf) format("truetype"),url(/assets/CascadiaCode-Light-CVyKgPU5.otf) format("opentype");font-weight:300;font-style:normal;font-display:swap}#about{height:100dvh;padding:7vw;display:grid;grid-template-columns:repeat(2,1fr);gap:1vw}#about>div{height:100%;display:flex;flex-direction:column;justify-content:space-around}#about>div .aboutme{display:flex;flex-direction:column;gap:1vw}#about>div .aboutme p,#about>div .aboutme button,#about>div .aboutme input,#about>div .aboutme textarea{opacity:.5}#about>div .aboutme form{display:flex;flex-direction:column;gap:1.5vw}#about>div .aboutme form .form{height:41.4vh;display:flex;flex-direction:column;gap:1.5vw}#about>div .aboutme form .form .credentials{display:flex;gap:1vw}#about>div .aboutme form .form .credentials>input{width:100%}#about>div .aboutme form .form textarea{height:100%;resize:none}#about>div .aboutme form .form input,#about>div .aboutme form .form textarea{outline:none;background:none;border:1px solid var(--text-color);padding:.8vw 1.5vw;color:var(--text-color);font-family:CascadiaCode,monospace;transition:border-color .25s,color .25s}#about>div .aboutme form .form input.warning,#about>div .aboutme form .form textarea.warning{border-color:var(--yellow-color);color:var(--yellow-color);opacity:var(--project-cover-opacity)}#about>div .aboutme .links{display:flex;gap:1vw;padding-top:.5vw}#about>div .aboutme .links button{background:none;border:1px solid var(--text-color);color:var(--text-color);padding:.5vw 1vw;cursor:pointer;position:relative}#about>div .aboutme .links button:before{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background-color:var(--text-color);z-index:-1;transform:scaleX(0);transform-origin:center right;transition:transform .3s}#about>div .aboutme .links button:hover:before{transform:scaleX(1);transform-origin:center left}#about>div .aboutme .links button span{transition:color .25s;font-family:CascadiaCode,monospace}#about>div .aboutme .links button:hover span{color:var(--main-color)}#about>div .driving{display:flex;flex-direction:column;align-items:end;gap:1vw}#about>div .driving .categories{display:flex;gap:1vw;opacity:.5}#about>div .driving .categories .category{width:5vw;aspect-ratio:1/1;border:1px solid var(--text-color);display:flex;align-items:center;justify-content:center;font-size:1.4vw;position:relative}#about>div .driving .categories .category:before{position:absolute;top:0;left:0;bottom:0;right:0;background-color:var(--text-color);color:var(--main-color);display:grid;place-items:center;font-family:CascadiaCode,monospace;font-size:1.4vw;transform:scaleX(0);transform-origin:center right;transition:transform .3s}#about>div .driving .categories .category:hover:before{transform:scaleX(1);transform-origin:center left}#about>div .driving .categories .category.am:before{content:"AM"}#about>div .driving .categories .category.b1:before{content:"B1"}#about>div .driving .categories .category.b:before{content:"B"}#about>div .schools{display:flex;flex-direction:column;align-items:end}#about>div .schools h2{position:relative;border-bottom:.2vw solid var(--text-color)}#about>div .schools .school{padding-top:2vw;padding-right:2.5vw;position:relative;display:flex;flex-direction:column;align-items:end;text-align:right}#about>div .schools .school:before{content:"";position:absolute;top:0;right:0;width:1.5vw;height:4.1vw;border-bottom:.2vw solid var(--text-color);border-right:.2vw solid var(--text-color);border-bottom-right-radius:1vw}#about>div .schools .school:not(:last-child):after{content:"";position:absolute;top:0;right:0;bottom:0;width:1.5vw;border-right:.2vw solid var(--text-color)}#about>div .schools .school p{font-size:1vw;opacity:.5}#about>div:first-child{justify-content:center}@media screen and (max-width: 992px){#about>div .schools .school:before{height:5.8vw}#about>div .schools .school p{font-size:2vw!important}#about>div:last-child{justify-content:center;gap:16vw}}@media screen and (max-width: 576px){#about{height:auto;grid-template-columns:1fr}#about,#about>div:last-child{gap:20vw}#about>div .aboutme{gap:10vw}#about>div .aboutme form{gap:4vw}#about>div .aboutme form .form{gap:4vw;height:55vh}#about>div .aboutme form .form .credentials{flex-direction:column;gap:4vw}#about>div .aboutme form .form input,#about>div .aboutme form .form textarea{padding:2vw}#about>div .aboutme .links{gap:4vw;flex-direction:column}#about>div .aboutme .links button{padding:2vw}#about>div .driving{gap:6vw}#about>div .driving .categories{gap:4vw}#about>div .driving .categories .category{width:22vw}#about>div .driving .categories .category,#about>div .driving .categories .category:before{font-size:6vw}#about>div .schools .school{padding-top:10vw;padding-right:9vw}#about>div .schools .school:before{width:7vw;height:18vw;border-bottom-right-radius:2vw}#about>div .schools .school p{font-size:4vw!important}}@font-face{font-family:CascadiaCode;src:url(/assets/CascadiaCode-Regular-CIwq8_CP.woff2) format("woff2"),url(/assets/CascadiaCode-Regular-COm-fxFR.ttf) format("truetype"),url(/assets/CascadiaCode-Regular-EQn8HH8d.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:CascadiaCode;src:url(/assets/CascadiaCode-Bold-CtdV9HaP.woff2) format("woff2"),url(/assets/CascadiaCode-Bold-Cu19aTjP.ttf) format("truetype"),url(/assets/CascadiaCode-Bold-msBcTWuQ.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:CascadiaCode;src:url(/assets/CascadiaCode-Light-BGXzHpo7.woff2) format("woff2"),url(/assets/CascadiaCode-Light-CmNZD7Xo.ttf) format("truetype"),url(/assets/CascadiaCode-Light-CVyKgPU5.otf) format("opentype");font-weight:300;font-style:normal;font-display:swap}.mail-message-popup{position:fixed;bottom:7vw;left:50vw;translate:-50% 0;padding:.5vw 2vw;opacity:0;display:flex;animation:floatAndFall 3s ease-in-out forwards;align-items:center;gap:1vw;color:#9aaca9;-webkit-user-select:none;user-select:none;z-index:1000}.mail-message-popup.success{background-color:#285943}.mail-message-popup.error{background-color:#6e0e0a}.mail-message-popup span{text-align:center}@media screen and (max-width: 576px){.mail-message-popup{padding:3vw;width:86%}}@keyframes floatAndFall{0%{opacity:0;transform:translateY(0)}20%,80%{opacity:1;transform:translateY(-100%)}to{opacity:0;transform:translateY(0)}}@font-face{font-family:CascadiaCode;src:url(/assets/CascadiaCode-Regular-CIwq8_CP.woff2) format("woff2"),url(/assets/CascadiaCode-Regular-COm-fxFR.ttf) format("truetype"),url(/assets/CascadiaCode-Regular-EQn8HH8d.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:CascadiaCode;src:url(/assets/CascadiaCode-Bold-CtdV9HaP.woff2) format("woff2"),url(/assets/CascadiaCode-Bold-Cu19aTjP.ttf) format("truetype"),url(/assets/CascadiaCode-Bold-msBcTWuQ.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:CascadiaCode;src:url(/assets/CascadiaCode-Light-BGXzHpo7.woff2) format("woff2"),url(/assets/CascadiaCode-Light-CmNZD7Xo.ttf) format("truetype"),url(/assets/CascadiaCode-Light-CVyKgPU5.otf) format("opentype");font-weight:300;font-style:normal;font-display:swap}#knowledge{height:100dvh;padding:7vw;display:grid;grid-template-columns:1.3fr repeat(2,1fr);grid-template-rows:repeat(3,1fr);gap:1.1vw}#knowledge>div:not(.knowledge-wrapper),#knowledge .knowledge-wrapper>div{border:1px solid rgba(var(--text-color-rgb),.4);border-radius:.4vw;background-color:rgba(var(--text-color-rgb),.02)}#knowledge div.knowledge-info{grid-column:1/2;grid-row:1/4;display:flex;flex-direction:column;justify-content:end;padding:2vw;gap:1.5vw}#knowledge div.knowledge-info .skill-icon{width:20%;aspect-ratio:1/1}#knowledge div.knowledge-info .skill-icon img{width:100%;height:100%;object-fit:contain;opacity:.9;filter:var(--img-filter)}#knowledge div.knowledge-info div.desc{color:rgba(var(--text-color-rgb),.5);transition:height .3s ease-in-out;overflow:hidden;display:flex;flex-direction:column;gap:.5vw}#knowledge div.knowledge-wrapper{grid-column:2/4;grid-row:1/2;display:flex;flex-wrap:wrap;gap:1.1vw}#knowledge div.knowledge-wrapper>.skill-icon{transition:.1s ease-in-out;position:relative;flex:1 0 calc(20% - 1.1vw)}#knowledge div.knowledge-wrapper>.skill-icon img{transition:.1s ease-in-out;position:absolute;width:100%;height:100%;object-fit:contain;padding:2.2vh;filter:var(--img-filter);opacity:.7}#knowledge div.knowledge-wrapper>.skill-icon:hover{background-color:rgba(var(--text-color-rgb),.08)}#knowledge div.knowledge-wrapper>.skill-icon:hover img{opacity:.9}#knowledge div.work-env-wrapper{grid-column:3/4;grid-row:2/4;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;text-align:center;padding:1.7vw}#knowledge div.work-env-wrapper>p{opacity:.7}#knowledge div.work-env-wrapper div.os-wrapper{display:flex;width:100%;justify-content:space-evenly}#knowledge div.work-env-wrapper div.os-wrapper>div{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.8vw}#knowledge div.work-env-wrapper div.os-wrapper>div img{width:4vw;aspect-ratio:1/1;filter:var(--img-filter);object-fit:contain;opacity:.7}#knowledge div.award-wrapper{grid-column:2/3;grid-row:2/4;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:1.7vw;gap:2vw;position:relative;text-align:center}#knowledge div.award-wrapper div.info{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.2vw}#knowledge div.award-wrapper div.info p{letter-spacing:-.05vw}#knowledge div.award-wrapper p{opacity:.5}#knowledge div.award-wrapper img{filter:var(--img-filter);opacity:.7;object-fit:contain;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:40%}#knowledge div.award-wrapper p.date{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.2vw}@media screen and (max-width: 992px){div.work-env-wrapper div.os-wrapper{flex-direction:column;gap:7vh}}@media screen and (max-width: 576px){#knowledge{height:auto;grid-template-columns:1fr;grid-template-rows:repeat(4,auto)}#knowledge div.knowledge-info{grid-column:1/2;grid-row:2/3;height:80svh;padding:5vw;gap:4vw}#knowledge div.knowledge-info .skill-icon{width:30%;aspect-ratio:1/1}#knowledge div.knowledge-info div.desc{gap:2.5vw}#knowledge div.knowledge-wrapper{grid-column:1/2;grid-row:1/2;display:flex;flex-direction:row;flex-wrap:nowrap;gap:3vw;max-width:100%;overflow-x:auto;scrollbar-width:none}#knowledge div.knowledge-wrapper::-webkit-scrollbar{display:none}#knowledge div.knowledge-wrapper .skill-icon{flex:0 0 60px;min-width:60px;aspect-ratio:1/1}#knowledge div.knowledge-wrapper .skill-icon img{padding:10px}#knowledge div.work-env-wrapper{grid-column:1/2;grid-row:4/5;height:40svh}#knowledge div.work-env-wrapper div.os-wrapper{flex-direction:row;gap:0}#knowledge div.work-env-wrapper div.os-wrapper>div{gap:3vw}#knowledge div.work-env-wrapper div.os-wrapper>div img{width:40%}#knowledge div.award-wrapper{grid-column:1/2;grid-row:3/4;height:45svh;padding:5vw}}@font-face{font-family:CascadiaCode;src:url(/assets/CascadiaCode-Regular-CIwq8_CP.woff2) format("woff2"),url(/assets/CascadiaCode-Regular-COm-fxFR.ttf) format("truetype"),url(/assets/CascadiaCode-Regular-EQn8HH8d.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:CascadiaCode;src:url(/assets/CascadiaCode-Bold-CtdV9HaP.woff2) format("woff2"),url(/assets/CascadiaCode-Bold-Cu19aTjP.ttf) format("truetype"),url(/assets/CascadiaCode-Bold-msBcTWuQ.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:CascadiaCode;src:url(/assets/CascadiaCode-Light-BGXzHpo7.woff2) format("woff2"),url(/assets/CascadiaCode-Light-CmNZD7Xo.ttf) format("truetype"),url(/assets/CascadiaCode-Light-CVyKgPU5.otf) format("opentype");font-weight:300;font-style:normal;font-display:swap}#projects{height:100dvh;padding:7vw;display:flex;flex-direction:column;gap:2vw;overflow-x:hidden}#projects a{color:var(--text-color);background:var(--main-color);padding-inline:1vw}#projects .projects-wrapper{height:100%;width:100%;display:grid;grid-template-columns:2fr 2fr 2fr 2fr;grid-template-rows:1fr;gap:1vw;transition:.5s}#projects .projects-wrapper .project{position:relative}#projects .projects-wrapper .project:nth-child(2){transition-delay:.1s}#projects .projects-wrapper .project:nth-child(3){transition-delay:.2s}#projects .projects-wrapper .project:nth-child(4){transition-delay:.3s}#projects .projects-wrapper .project .cover,#projects .projects-wrapper .project .details{position:absolute;width:100%;height:100%}#projects .projects-wrapper .project .cover{visibility:visible;opacity:var(--project-cover-opacity);background-color:var(--text-color);color:var(--main-color);display:flex;flex-direction:column;align-items:center;justify-content:center}#projects .projects-wrapper .project .cover p{font-size:1.6vw;font-weight:700}#projects .projects-wrapper .project .cover h3{font-size:5vw}#projects .projects-wrapper .project .cover p::-moz-selection,#projects .projects-wrapper .project .cover h3::-moz-selection{color:var(--text-color);background:var(--main-color)}#projects .projects-wrapper .project .cover p::selection,#projects .projects-wrapper .project .cover h3::selection{color:var(--text-color);background:var(--main-color)}#projects .projects-wrapper .project .details{visibility:hidden;opacity:0;background-color:var(--main-color)}#projects .projects-wrapper .project .details img.cover-img,#projects .projects-wrapper .project .details .cover-bg{position:absolute;left:0;top:0;width:100%;height:60%}#projects .projects-wrapper .project .details img.cover-img{object-fit:cover;object-position:center;z-index:0}#projects .projects-wrapper .project .details .cover-bg{background:-moz-linear-gradient(0deg,rgba(var(--main-color-rgb),1) 0%,rgba(var(--main-color-rgb),var(--img-transparency)) 100%);background:-webkit-linear-gradient(0deg,rgba(var(--main-color-rgb),1) 0%,rgba(var(--main-color-rgb),var(--img-transparency)) 100%);background:linear-gradient(0deg,rgba(var(--main-color-rgb),1),rgba(var(--main-color-rgb),var(--img-transparency)));z-index:0}#projects .projects-wrapper .project .details .data{height:100%;display:flex;flex-direction:column;justify-content:end;gap:1vw;padding:3vw;position:relative;z-index:1}#projects .projects-wrapper .project .details .data p.coming{color:#ccbf51;text-shadow:1px 0 #131216,-1px 0 #131216,0 1px #131216,0 -1px #131216,1px 1px #131216,-1px -1px #131216,1px -1px #131216,-1px 1px #131216;z-index:3;text-transform:uppercase;font-weight:700}#projects .projects-wrapper .project .details .data h4{font-size:2.8vh}#projects .projects-wrapper .project .details .data .list{display:flex;gap:1vw}#projects .projects-wrapper .project .details .data .list ul{list-style-type:none;display:flex}#projects .projects-wrapper .project .details .data .tools{align-items:center}#projects .projects-wrapper .project .details .data .tools ul{gap:1vw}#projects .projects-wrapper .project .details .data .tools ul li{height:100%;display:grid;place-items:center}#projects .projects-wrapper .project .details .data .tools ul li img{opacity:.5;height:1.5vw;width:auto;filter:var(--img-filter)}#projects .projects-wrapper .project .details .data .desc a{background:none;padding:0}#projects .projects-wrapper .project .details .data .links{display:flex;gap:1vw}#projects .projects-wrapper .project .details .data .links button{background:none;border:1px solid var(--text-color);color:var(--text-color);padding:.5vw 1vw;cursor:pointer;position:relative;z-index:1}#projects .projects-wrapper .project .details .data .links button:before{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background-color:var(--text-color);transform:scaleX(0);transform-origin:center right;transition:transform .3s;z-index:-1}#projects .projects-wrapper .project .details .data .links button:hover:before{transform:scaleX(1);transform-origin:center left}#projects .projects-wrapper .project .details .data .links button span{transition:color .25s;font-family:CascadiaCode,monospace;z-index:1}#projects .projects-wrapper .project .details .data .links button:hover span{color:var(--main-color)}#projects .projects-wrapper .project:hover .cover{visibility:hidden;opacity:0}#projects .projects-wrapper .project:hover .details{visibility:visible;opacity:1}#projects .projects-wrapper .project:hover .cover,#projects .projects-wrapper .project:hover .details{transition:visibility 1s cubic-bezier(1,0,.1,0),opacity 1s cubic-bezier(1,0,.1,0)}#projects .projects-wrapper:has(.project:nth-child(1):hover){grid-template-columns:5fr 1fr 1fr 1fr}#projects .projects-wrapper:has(.project:nth-child(2):hover){grid-template-columns:1fr 5fr 1fr 1fr}#projects .projects-wrapper:has(.project:nth-child(3):hover){grid-template-columns:1fr 1fr 5fr 1fr}#projects .projects-wrapper:has(.project:nth-child(4):hover){grid-template-columns:1fr 1fr 1fr 5fr}@media screen and (max-width: 992px){.projects-wrapper{grid-template-columns:2fr 2fr!important;grid-template-rows:2fr 2fr!important}.projects-wrapper:has(.project:nth-child(1):hover){grid-template-columns:3fr 1fr!important;grid-template-rows:3fr 1fr!important}.projects-wrapper:has(.project:nth-child(2):hover){grid-template-columns:1fr 3fr!important;grid-template-rows:3fr 1fr!important}.projects-wrapper:has(.project:nth-child(3):hover){grid-template-columns:3fr 1fr!important;grid-template-rows:1fr 3fr!important}.projects-wrapper:has(.project:nth-child(4):hover){grid-template-columns:1fr 3fr!important;grid-template-rows:1fr 3fr!important}.projects-wrapper .project:nth-child(2){transition-delay:.1s}.projects-wrapper .project:nth-child(3){transition-delay:0ms}.projects-wrapper .project:nth-child(4){transition-delay:.1s}.projects-wrapper .project .details .data .list ul{flex-wrap:wrap}.projects-wrapper .project .details .data .list ul img{height:2.5vw!important}}@media screen and (max-width: 576px){.wrapper>div#projects{padding:10vw 0vw!important;overflow:hidden}#projects{height:300svh}#projects .projects-wrapper{grid-template-columns:1fr!important;grid-template-rows:1fr 1fr 1fr 1fr!important}#projects .projects-wrapper .project .cover{visibility:hidden!important}#projects .projects-wrapper .project .details{visibility:visible!important;opacity:1!important}#projects .projects-wrapper .project .cover p{font-size:4vw}#projects .projects-wrapper .project .cover h3{font-size:15vw}#projects .projects-wrapper .project .details .data{padding:5vw 10vw;gap:5vw}#projects .projects-wrapper .project .details .data .links{gap:2vw}#projects .projects-wrapper .project .details .data .links button{padding:1.1vh 5vw}#projects .projects-wrapper .project .details .data .list{flex-direction:column;align-items:start;gap:1vw}#projects .projects-wrapper .project .details .data .list.tools ul{gap:3vw;height:auto}#projects .projects-wrapper .project .details .data .list.tools ul li,#projects .projects-wrapper .project .details .data .list.tools ul li img{height:5vw!important}#projects .projects-wrapper .project .details img.cover-img,#projects .projects-wrapper .project .details .cover-bg{height:45%}}@font-face{font-family:CascadiaCode;src:url(/assets/CascadiaCode-Regular-CIwq8_CP.woff2) format("woff2"),url(/assets/CascadiaCode-Regular-COm-fxFR.ttf) format("truetype"),url(/assets/CascadiaCode-Regular-EQn8HH8d.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:CascadiaCode;src:url(/assets/CascadiaCode-Bold-CtdV9HaP.woff2) format("woff2"),url(/assets/CascadiaCode-Bold-Cu19aTjP.ttf) format("truetype"),url(/assets/CascadiaCode-Bold-msBcTWuQ.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:CascadiaCode;src:url(/assets/CascadiaCode-Light-BGXzHpo7.woff2) format("woff2"),url(/assets/CascadiaCode-Light-CmNZD7Xo.ttf) format("truetype"),url(/assets/CascadiaCode-Light-CVyKgPU5.otf) format("opentype");font-weight:300;font-style:normal;font-display:swap}#funfacts{padding:7vw;height:100dvh;display:flex;gap:7vw}#funfacts .left,#funfacts .right{width:50%;display:flex;flex-direction:column;justify-content:space-between;gap:2vw}#funfacts .left>div,#funfacts .right>div{width:100%}#funfacts .left .personality,#funfacts .right .personality{display:flex;flex-direction:column;gap:.5vw}#funfacts .left .personality p,#funfacts .right .personality p{font-size:1.1vw;opacity:.7}#funfacts .left .personality button,#funfacts .right .personality button{width:fit-content;padding:.5vw 2vw;background:none;border:1px solid var(--text-color);color:var(--text-color);cursor:pointer;position:relative;margin-bottom:1.5vw}#funfacts .left .personality button:before,#funfacts .right .personality button:before{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background-color:var(--text-color);z-index:-1;transform:scaleX(0);transform-origin:center right;transition:transform .3s}#funfacts .left .personality button:hover:before,#funfacts .right .personality button:hover:before{transform:scaleX(1);transform-origin:center left}#funfacts .left .personality button span,#funfacts .right .personality button span{transition:color .25s;font-family:CascadiaCode,monospace;font-size:2vw}#funfacts .left .personality button:hover span,#funfacts .right .personality button:hover span{color:var(--main-color)}#funfacts .left .personality .details,#funfacts .right .personality .details{display:flex;flex-direction:column;gap:.8vw}#funfacts .left .personality .details>div,#funfacts .right .personality .details>div{display:flex;flex-direction:column;gap:.2vw}#funfacts .left .personality .details>div div.line,#funfacts .right .personality .details>div div.line{width:100%;height:3px;position:relative;background-color:rgba(var(--text-color-rgb),.2)}#funfacts .left .personality .details>div div.line:before,#funfacts .right .personality .details>div div.line:before{content:"";position:absolute;height:100%;background-color:var(--text-color)}#funfacts .left .personality .details>div ul,#funfacts .right .personality .details>div ul{list-style-type:none;display:flex;justify-content:space-between;font-size:.8vw;opacity:.7}#funfacts .left .personality .details .energy div.line:before,#funfacts .right .personality .details .energy div.line:before{width:69%}#funfacts .left .personality .details .mind div.line:before,#funfacts .right .personality .details .mind div.line:before{width:21%}#funfacts .left .personality .details .nature div.line:before,#funfacts .right .personality .details .nature div.line:before{width:57%}#funfacts .left .personality .details .tactics div.line:before,#funfacts .right .personality .details .tactics div.line:before{width:65%}#funfacts .left .personality .details .identity div.line:before,#funfacts .right .personality .details .identity div.line:before{width:53%}#funfacts .left .countries,#funfacts .right .countries{display:flex;flex-direction:column;align-items:end}#funfacts .left .countries h2,#funfacts .right .countries h2{position:relative;border-bottom:.2vw solid var(--text-color)}#funfacts .left .countries p,#funfacts .right .countries p{padding-top:.8vw;padding-right:2.5vw;position:relative;display:flex;flex-direction:column;align-items:end;text-align:right;color:rgba(var(--text-color-rgb),.5)}#funfacts .left .countries p:before,#funfacts .right .countries p:before{content:"";position:absolute;top:0;right:0;width:1.5vw;height:1.5vw;border-bottom:.2vw solid var(--text-color);border-right:.2vw solid var(--text-color);border-bottom-right-radius:1vw}#funfacts .left .countries p:not(:last-child):after,#funfacts .right .countries p:not(:last-child):after{content:"";position:absolute;top:0;right:0;bottom:0;width:1.5vw;border-right:.2vw solid var(--text-color)}#funfacts .left .countries .container,#funfacts .right .countries .container{display:flex;width:100%;align-items:center}#funfacts .left .countries .container p,#funfacts .right .countries .container p{cursor:pointer}#funfacts .left .countries .container p.selected-country,#funfacts .right .countries .container p.selected-country{color:var(--text-color)}#funfacts .left .countries .container .map,#funfacts .right .countries .container .map{width:100%;height:100%;display:flex;align-items:center;justify-content:end;padding:1.3vw;margin-right:1.5vw;margin-top:.8vw}#funfacts .left .countries .container .map img,#funfacts .right .countries .container .map img{height:80%;aspect-ratio:1/1;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;filter:var(--img-filter)}#funfacts .left .hobbies,#funfacts .right .hobbies{display:flex;flex-direction:column;gap:1vw}#funfacts .left .hobbies div.hobbies-list,#funfacts .right .hobbies div.hobbies-list{display:grid;grid-template-columns:repeat(2,1fr);gap:1vw}#funfacts .left .hobbies div.hobbies-list div.hobby-wrapper,#funfacts .right .hobbies div.hobbies-list div.hobby-wrapper{padding:1.5vw;border:1px solid var(--text-color);opacity:.5;transition:opacity .2s;position:relative;overflow:hidden}#funfacts .left .hobbies div.hobbies-list div.hobby-wrapper:hover,#funfacts .right .hobbies div.hobbies-list div.hobby-wrapper:hover{opacity:1}#funfacts .left .hobbies div.hobbies-list div.hobby-wrapper:hover:has(p.hobby-hover-content) p.hobby-desc,#funfacts .right .hobbies div.hobbies-list div.hobby-wrapper:hover:has(p.hobby-hover-content) p.hobby-desc{top:100%;transform:translate(-50%);opacity:0}#funfacts .left .hobbies div.hobbies-list div.hobby-wrapper:hover:has(p.hobby-hover-content) p.hobby-hover-content,#funfacts .right .hobbies div.hobbies-list div.hobby-wrapper:hover:has(p.hobby-hover-content) p.hobby-hover-content{top:50%;transform:translate(-50%,-50%);opacity:1}#funfacts .left .hobbies div.hobbies-list div.hobby-wrapper p,#funfacts .right .hobbies div.hobbies-list div.hobby-wrapper p{text-align:center;position:absolute;left:50%;transition:.2s ease}#funfacts .left .hobbies div.hobbies-list div.hobby-wrapper p.hobby-desc,#funfacts .right .hobbies div.hobbies-list div.hobby-wrapper p.hobby-desc{top:50%;transform:translate(-50%,-50%);opacity:1;width:100%}#funfacts .left .hobbies div.hobbies-list div.hobby-wrapper p.hobby-hover-content,#funfacts .right .hobbies div.hobbies-list div.hobby-wrapper p.hobby-hover-content{top:100%;transform:translate(-50%);opacity:0;display:flex;gap:.5vw;align-items:center;justify-content:center}#funfacts .left .work-exp,#funfacts .right .work-exp{display:flex;flex-direction:column;align-items:end}#funfacts .left .work-exp h2,#funfacts .right .work-exp h2{position:relative;border-bottom:.2vw solid var(--text-color)}#funfacts .left .work-exp .work,#funfacts .right .work-exp .work{padding-top:2vw;padding-right:2.5vw;position:relative;display:flex;flex-direction:column;align-items:end;text-align:right}#funfacts .left .work-exp .work:before,#funfacts .right .work-exp .work:before{content:"";position:absolute;top:0;right:0;width:1.5vw;height:4.1vw;border-bottom:.2vw solid var(--text-color);border-right:.2vw solid var(--text-color);border-bottom-right-radius:1vw}#funfacts .left .work-exp .work:not(:last-child):after,#funfacts .right .work-exp .work:not(:last-child):after{content:"";position:absolute;top:0;right:0;bottom:0;width:1.5vw;border-right:.2vw solid var(--text-color)}#funfacts .left .work-exp .work p,#funfacts .right .work-exp .work p{font-size:1vw;opacity:.5}@media screen and (max-width: 992px){#funfacts .left,#funfacts .right{justify-content:space-evenly}#funfacts .left .personality p,#funfacts .right .personality p{font-size:2vw}#funfacts .left .personality button span,#funfacts .right .personality button span{font-size:3.7vw}#funfacts .left .personality .details ul,#funfacts .right .personality .details ul{font-size:1.2vw!important}#funfacts .left .countries p:before,#funfacts .right .countries p:before{height:2vw}#funfacts .left .hobbies div.hobbies-list,#funfacts .right .hobbies div.hobbies-list{grid-template-columns:1fr}#funfacts .left .hobbies div.hobbies-list div.hobby-wrapper,#funfacts .right .hobbies div.hobbies-list div.hobby-wrapper{padding:2.5vw}#funfacts .left .countries .container .map,#funfacts .right .countries .container .map{padding:2vw;margin-right:0}#funfacts .left .work-exp .work p,#funfacts .right .work-exp .work p{font-size:2vw}#funfacts .left .work-exp .work:before,#funfacts .right .work-exp .work:before{height:5.8vw}}@media screen and (max-width: 576px){#funfacts{height:auto;flex-direction:column-reverse}#funfacts,#funfacts .left,#funfacts .right{gap:10vw}#funfacts .left,#funfacts .right{width:100%}#funfacts .left .personality,#funfacts .right .personality{gap:3vw}#funfacts .left .personality p,#funfacts .right .personality p{font-size:4vw}#funfacts .left .personality button,#funfacts .right .personality button{padding:1vh 3vw}#funfacts .left .personality button span,#funfacts .right .personality button span{font-size:8vw}#funfacts .left .personality .details,#funfacts .right .personality .details{gap:3vw}#funfacts .left .personality .details ul,#funfacts .right .personality .details ul{font-size:3vw!important;padding-top:.5rem}#funfacts .left .countries p,#funfacts .right .countries p{padding-top:3vw}#funfacts .left .countries p:before,#funfacts .right .countries p:before{height:5.4vw;width:7vw}#funfacts .left .countries .container .map,#funfacts .right .countries .container .map{padding:5vw}#funfacts .left .countries .map,#funfacts .right .countries .map{padding-left:0!important}#funfacts .left .countries .map img,#funfacts .right .countries .map img{width:90%;height:auto!important}#funfacts .left .countries p,#funfacts .right .countries p{padding-right:9vw}#funfacts .left .countries p:before,#funfacts .right .countries p:before{border-bottom-right-radius:2vw}#funfacts .left .hobbies div.hobbies-list div.hobby-wrapper,#funfacts .right .hobbies div.hobbies-list div.hobby-wrapper{padding:6vw}#funfacts .left .hobbies div.hobbies-list div.hobby-wrapper p.hobby-hover-content,#funfacts .right .hobbies div.hobbies-list div.hobby-wrapper p.hobby-hover-content{gap:3vw}#funfacts .left .work-exp .work,#funfacts .right .work-exp .work{padding-top:10vw;padding-right:9vw}#funfacts .left .work-exp .work p,#funfacts .right .work-exp .work p{font-size:4vw}#funfacts .left .work-exp .work:before,#funfacts .right .work-exp .work:before{height:18vw;width:7vw;border-bottom-right-radius:2vw}}@font-face{font-family:CascadiaCode;src:url(/assets/CascadiaCode-Regular-CIwq8_CP.woff2) format("woff2"),url(/assets/CascadiaCode-Regular-COm-fxFR.ttf) format("truetype"),url(/assets/CascadiaCode-Regular-EQn8HH8d.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:CascadiaCode;src:url(/assets/CascadiaCode-Bold-CtdV9HaP.woff2) format("woff2"),url(/assets/CascadiaCode-Bold-Cu19aTjP.ttf) format("truetype"),url(/assets/CascadiaCode-Bold-msBcTWuQ.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:CascadiaCode;src:url(/assets/CascadiaCode-Light-BGXzHpo7.woff2) format("woff2"),url(/assets/CascadiaCode-Light-CmNZD7Xo.ttf) format("truetype"),url(/assets/CascadiaCode-Light-CVyKgPU5.otf) format("opentype");font-weight:300;font-style:normal;font-display:swap}html[data-theme=dark]{--main-color: #131216;--text-color: #9aaca9;--main-color-rgb: 19, 18, 22;--text-color-rgb: 154, 172, 169;--img-filter: brightness(0) saturate(100%) invert(84%) sepia(7%) saturate(428%) hue-rotate(120deg) brightness(79%) contrast(91%);--yellow-color: #ccbf51;--img-transparency: .65;--project-cover-opacity: .5}html[data-theme=light]{--main-color: #9aaca9;--text-color: #131216;--main-color-rgb: 154, 172, 169;--text-color-rgb: 19, 18, 22;--img-filter: brightness(0) saturate(100%) invert(4%) sepia(9%) saturate(1289%) hue-rotate(214deg) brightness(94%) contrast(93%);--yellow-color: #6d581a;--img-transparency: .25;--project-cover-opacity: .8}*{margin:0;padding:0;box-sizing:border-box;cursor:crosshair!important}::-moz-selection{color:var(--main-color);background:var(--text-color)}::selection{color:var(--main-color);background:var(--text-color)}img::selection{color:none;background:none}h2{font-size:1.8vw}h3{font-size:1.4vw}p,span,input,textarea,a{font-size:1.1vw}body{background-color:var(--main-color);color:var(--text-color);font-family:CascadiaCode,monospace;font-weight:light}span{font-family:CascadiaCode,monospace}@media screen and (max-width: 992px){h2{font-size:3.5vw}h3{font-size:2.5vw}p,span,input,textarea,a{font-size:2vw}}@media screen and (max-width: 576px){h2{font-size:7vw}h3{font-size:6vw}p,span,input,textarea,a{font-size:4vw}.wrapper>#about,.wrapper>#projects,.wrapper>#knowledge,.wrapper>#funfacts{padding-inline:10vw!important}}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--main-color)}::-webkit-scrollbar-thumb{background-color:var(--text-color);border-radius:5px}.hidden{opacity:0;filter:blur(3px);transform:translateY(2vh);pointer-events:none;transition:all .8s ease}.show{opacity:1;filter:blur(0);transform:translateY(0);pointer-events:all}@media (min-aspect-ratio: 18/9) and (min-width: 993px){#home{width:auto}#home:before{content:"";position:absolute;left:0;right:50%;top:0;bottom:0;background-color:var(--text-color)}.wrapper>div:not(#settings){aspect-ratio:18/9!important;margin:auto}h2{font-size:min(1.8vw,2.2rem)}h3{font-size:min(1.4vw,1.8rem)}p,span,input,textarea,a{font-size:min(1.1vw,1.5rem)}}