@charset "UTF-8";#toggler-container,nav ul,header{display:flex;flex-direction:row;align-items:center}header{position:relative;background-color:inherit;justify-content:space-between;text-transform:uppercase;position:fixed;top:0;left:0;right:0;padding:5px 5vw;letter-spacing:1px;z-index:1;box-shadow:0 -5px 10px var(--bright-color)}nav ul{gap:5vw}nav a{text-decoration:none;color:inherit}nav a.active{color:var(--bright-color);transition:color .6s ease-in}nav li{padding:2px;border-radius:10px;position:relative;overflow:hidden}nav li:before{content:"";position:absolute;bottom:0;left:0;background-color:var(--bright-color);width:100%;height:1px;z-index:-1;transition:all .6s ease-out;transform:scaleX(0)}nav li:has(a.active):before{transform:none}.logo-container{line-height:1;overflow:hidden;padding-top:10px}.logo-container div{font-size:3rem;font-weight:700}.logo-container a{text-decoration:none;color:inherit;display:flex;align-items:center}.logo-container a div:first-child{transition:transform .2s ease-in-out;position:relative}.logo-container a div:first-child:before{content:"";position:absolute;bottom:0;left:50%;background-color:var(--bright-color);opacity:.5;width:70%;height:5px;border-radius:50%;box-shadow:0 0 5px 2px var(--bright-color);transform:translate(-50%,10px);transform-origin:top left;transition:transform .5s ease-in-out}.logo-container a:hover div:first-child{transform:none}.logo-container a.active div:first-child{transform:translateY(-10px)}.logo-container a.active div:first-child:before{transform:translate(-50%,5px)}.logo-container a div:last-of-type,.logo-container a span:last-of-type{align-self:self-end}#toggler-container{gap:20px}.theme-toggle{width:2rem;height:2rem;display:flex;align-items:center;flex-direction:column;overflow:hidden}.theme-toggle svg{min-width:100%;min-height:100%;flex-shrink:0;transition:transform .5s}.light-theme .theme-toggle svg{transform:translateY(-2rem)}.btn-lang-container{display:inline-block}.btn-lang-container:not(:last-child):after{content:"/"}@keyframes appear-from-top{0%{transform:translateY(-100%)}to{transform:none}}@media (hover: hover){nav a:hover{color:var(--bright-color)}.theme-toggle:hover svg{fill:var(--bright-color)}}@media (prefers-reduced-motion){header{animation:none}}@media (max-width: 900px){header{padding-inline:5px}}@media (max-width: 700px){header{letter-spacing:0;padding-bottom:5px;justify-content:center}nav{margin-bottom:15px}nav ul{flex-direction:column;align-items:flex-start;gap:5px}nav ul li{line-height:1.8}.btn-mobile-menu{position:absolute;right:5px;width:30px;height:24px;padding:1px 0;display:flex;flex-direction:column;justify-content:space-between;align-items:stretch}.stick{height:1px;background-color:var(--contrast-color);transition:transform .2s ease-out}.stick:first-child{transform-origin:top left}.stick:last-child{transform-origin:bottom left}.show-menu .stick:first-child{transform:rotate(45deg)}.show-menu .stick:nth-child(2){transform:translate(100px)}.show-menu .stick:last-child{transform:rotate(-45deg)}.mobile-menu{background-color:var(--primary-color);box-shadow:-1px 1px 3px var(--bright-color);padding:10px 20px;border-bottom-left-radius:10px;position:absolute;top:100%;right:0;z-index:-2;transform:translate(150%);transition:.2s ease-out}}#home{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.text-block{max-width:65ch;text-align:center}.home-header{margin-bottom:50px}.large-text{font-size:4rem;font-weight:700}.middle-text{font-size:3rem;overflow:hidden}.scroll-down{position:absolute;bottom:50px;animation:levitation 2s infinite ease-in-out alternate}.scroll-down:after{content:"";position:absolute;top:-20px;left:0;width:100%;aspect-ratio:1;border-bottom:3px solid var(--contrast-color);border-right:3px solid var(--contrast-color);border-bottom-right-radius:20px;transform:rotate(45deg) scale(.4)}@keyframes levitation{0%{transform:none}50%{transform:none}to{transform:translateY(10px)}}.home-decor{position:absolute;pointer-events:none;top:-20%;left:0;width:100vw;height:100vh;overflow:hidden}.home-decor svg{width:100%;height:100%}.home-decor .stroke{stroke:var(--bright-color);fill:none;animation-name:moving;animation-duration:20s;animation-timing-function:linear;animation-iteration-count:infinite;transform:rotate(10deg)}.home-decor .stroke:nth-child(1){animation-delay:0s;opacity:1}.home-decor .stroke:nth-child(2){animation-delay:.2s;opacity:.9}.home-decor .stroke:nth-child(3){animation-delay:.4s;opacity:.8}.home-decor .stroke:nth-child(4){animation-delay:.6s;opacity:.7}.home-decor .stroke:nth-child(5){animation-delay:.8s;opacity:.6}.home-decor .stroke:nth-child(6){animation-delay:1s;opacity:.5}.home-decor .stroke:nth-child(7){animation-delay:1.2s;opacity:.4}.home-decor .stroke:nth-child(8){animation-delay:1.4s;opacity:.3}.home-decor .stroke:nth-child(9){animation-delay:1.6s;opacity:.2}.home-decor .stroke:nth-child(10){animation-delay:1.8s;opacity:.1}@keyframes moving{0%{transform:rotate(10deg)}17%{transform:rotate(15deg) translatey(-30%) translate(-17%)}34%{transform:rotate(10deg) translate(-34%)}50%{transform:rotate(15deg) translatey(-30%) translate(-50%)}67%{transform:rotate(10deg) translate(-67%)}84%{transform:rotate(15deg) translatey(-30%) translate(-84%)}to{transform:rotate(10deg) translate(-100%)}}@media (prefers-reduced-motion){.home-decor .stroke,.scroll-down{animation:none}}@media (max-width: 700px){.large-text{font-size:3rem}.middle-text{font-size:2rem}.home-decor .stroke:nth-child(1){animation-delay:0s}.home-decor .stroke:nth-child(2){animation-delay:.2s}.home-decor .stroke:nth-child(3){animation-delay:.4s}.home-decor .stroke:nth-child(4){animation-delay:.6s}.home-decor .stroke:nth-child(5){animation-delay:.8s}.home-decor .stroke:nth-child(6){animation-delay:1s}.home-decor .stroke:nth-child(7){animation-delay:1.2s}.home-decor .stroke:nth-child(8){animation-delay:1.4s}.home-decor .stroke:nth-child(9){animation-delay:1.6s}.home-decor .stroke:nth-child(10){animation-delay:1.8s}}#about{overflow-y:hidden;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:20px}#about h2{width:100%}#about .text-block{max-width:500px;line-height:2.5rem;padding:10px 20px}#about li:before{content:"★ "}#road-container-wrapper{width:700px;height:450px;padding:50px 10px 0}#road-container{position:relative}#road-container svg{fill:none;stroke:var(--contrast-color);stroke-width:2px}#road-container .tool-sign{position:absolute;border:1px solid var(--contrast-color);height:50px;opacity:0;background-color:#f8f5ef;padding:0 2px;border-radius:5px;text-transform:uppercase;animation:lighting 1s ease-out forwards}#road-container .tool-sign:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);width:2px;height:25px;background-color:var(--contrast-color)}#road-container .tool-sign:nth-child(2){top:2%;left:40%;border:none;background-color:transparent}#road-container .tool-sign:nth-child(3){top:10%;left:20%;border:none;background-color:transparent}#road-container .tool-sign:nth-child(4){top:15%;left:75%;border:none;background-color:transparent}#road-container .tool-sign:nth-child(5){top:18%;left:50%;background-color:#090f14}#road-container .tool-sign:nth-child(6){top:30%;left:5%}#road-container .tool-sign:nth-child(7){top:30%;left:60%}#road-container .tool-sign:nth-child(8){top:50%;left:40%}#road-container .tool-sign:nth-child(2){animation-delay:0s;height:35px}#road-container .tool-sign:nth-child(2):after{height:15px}#road-container .tool-sign:nth-child(3){animation-delay:1.6s;height:38px}#road-container .tool-sign:nth-child(3):after{height:17px}#road-container .tool-sign:nth-child(4){animation-delay:3.2s;height:41px}#road-container .tool-sign:nth-child(4):after{height:19px}#road-container .tool-sign:nth-child(5){animation-delay:4.8s;height:44px}#road-container .tool-sign:nth-child(5):after{height:21px}#road-container .tool-sign:nth-child(6){animation-delay:6.4s;height:47px}#road-container .tool-sign:nth-child(6):after{height:23px}#road-container .tool-sign:nth-child(7){animation-delay:8s;height:50px}#road-container .tool-sign:nth-child(7):after{height:25px}#road-container .tool-sign:nth-child(8){animation-delay:9.6s;height:53px}#road-container .tool-sign:nth-child(8):after{height:27px}@keyframes lighting{0%{transform:translateY(100%);opacity:0}to{opacity:1}}@media (max-width: 1100px){#road-container-wrapper{width:90vw}}@media (max-width: 700px){#road-container .tool-sign{height:30px}#about .text-block{text-align:justify;line-height:inherit}}#projects{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly}.slider{display:flex;flex-direction:row;align-self:flex-start;cursor:pointer}.slider.shifting{transition:transform .2s ease-out}.slide{--slide-width: 60svw;width:var(--slide-width);flex-shrink:0;display:flex;flex-direction:column;justify-content:center;transform:scale(.8);transform-origin:top center;transition:transform .2s ease-out}.slide>*:not(.video-wrapper){transform:translateY(-20px);opacity:0}.slide.active{transform:scale(1)}.slide.active>*{transform:none;opacity:1}.slide.active>*:nth-child(2){transition-delay:.2s;transition-duration:.2s;transition-property:transform,opacity;transition-timing-function:ease-out}.slide.active>*:nth-child(3){transition-delay:.3s;transition-duration:.2s;transition-property:transform,opacity;transition-timing-function:ease-out}.slide.active>*:nth-child(4){transition-delay:.4s;transition-duration:.2s;transition-property:transform,opacity;transition-timing-function:ease-out}.slide-header{display:flex;flex-direction:row;justify-content:center;position:relative}.slide-header h3:hover{cursor:text}.tools{margin-top:10px;display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;justify-content:center}.tools li{height:2rem;border-radius:10px;box-shadow:inset 0 -2px 5px var(--secondary-color)}.tools li[title=MongoDB]{padding:5px}.links{position:absolute;display:flex;flex-direction:row;flex-wrap:wrap;gap:5px 1rem;right:0}.links a{height:1.7rem;aspect-ratio:1;text-decoration:none;color:inherit}.links a:first-child{color:var(--bright-color)}.slide-description{text-align:center}.slide-description:hover{cursor:text}video{border-radius:10px}.drag-element{max-width:max(5vw,40px);line-height:1;position:absolute;background-color:var(--primary-color);border:1px solid var(--contrast-color);border-radius:5px;top:50%;pointer-events:none;animation-duration:1s,10s;animation-iteration-count:infinite;animation-direction:alternate;animation-timing-function:linear;padding:2px}.drag-element .drag-text{display:inline-block;transform:translateY(-25%)}.drag-element.left{left:0;animation-name:bounce-left,disappear}.drag-element.right{right:0;animation-name:bounce-right,disappear}.drag-hand{font-size:2rem}.github-repositories-link{text-align:center;margin:100px 0 50px;position:relative}.github-repositories-link:before{content:"";position:absolute;top:-20px;left:50%;transform:translate(-50%);height:1px;width:60%;background-color:var(--contrast-color);border-radius:50%}@keyframes bounce-left{0%{transform:none}to{transform:translate(10px)}}@keyframes bounce-right{0%{transform:none}to{transform:translate(-10px)}}@keyframes disappear{0%{opacity:1}18%{opacity:1}20%{opacity:0}to{opacity:0}}@media (max-width: 700px){.slide{--slide-width: 100svw}.video-wrapper{padding:0 20px}.drag-element{top:60vw}.drag-element .drag-text{transform:none}.slide-description,.tools{padding:0 20px}.tools li{height:1.8rem}.links{gap:5px;right:20px}.links a{height:1.3rem}h2{align-self:flex-start}}#blog{display:flex;justify-content:center;align-items:center;flex-direction:column}.posts{width:min(90vw,1000px);display:grid;grid-template-columns:repeat(auto-fit,300px);grid-auto-rows:minmax(80px,auto) minmax(120px,auto) auto;gap:20px;justify-content:space-evenly}.card{background-color:var(--contrast-color);color:var(--primary-color);border-left:10px double var(--primary-color);position:relative;isolation:isolate;overflow:hidden;padding:10px 20px;border-radius:10px;display:grid;grid-row:span 3;grid-template-rows:subgrid;gap:0}.card>*{transition:all .5s}.card>*>*{margin:0}.card .card-title{transform:translateY(160px);align-content:center}.card .card-title h3{text-align:left}.card .card-content{transform:translate(150%)}.card .card-link{height:1.7rem;aspect-ratio:1;text-decoration:none;color:var(--primary-color);margin-left:auto;transform:translateY(150%)}.card .blog-decor{--w: 400px;width:var(--w);aspect-ratio:1/1;position:absolute;top:calc(var(--w) / -2);right:calc(var(--w) / -2);z-index:-1}.card .blog-decor svg{fill:var(--primary-color)}.card:hover .blog-decor{opacity:.2;transform:rotate(180deg)}.card:hover .card-title,.card:hover .card-content,.card:hover .card-link{transform:none}.card:last-child{background-color:var(--primary-color);color:var(--contrast-color)}.card:last-child a{text-align:center;align-content:center;color:var(--contrast-color);position:relative}.card:last-child a:after,.card:last-child a:before{content:"";position:absolute;width:100%;height:2px;border-radius:50%;transition:all .3s;transform:scaleX(.2)}.card:last-child a:after{top:0;left:0;background:linear-gradient(to right,var(--bright-color),var(--contrast-color));transform-origin:left}.card:last-child a:before{bottom:0;right:0;background:linear-gradient(to left,var(--bright-color),var(--contrast-color));transform-origin:right}.card:last-child a:hover:after,.card:last-child a:hover:before{transform:none}@keyframes around{0%{transform:translate(-5px)}50%{transform:translateY(-5px)}to{transform:translate(5px)}}@media screen and (width <= 700px){.posts{grid-template-columns:minmax(auto,400px)}}#contact{position:relative;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:space-between;align-items:center;text-align:center}#contact>*{max-width:65ch}.contact-links{display:flex;flex-direction:row;flex-wrap:wrap;gap:50px;justify-content:center;border:1px solid var(--bright-color);border-radius:1rem}.contact-links a{color:inherit;text-decoration:none;border-radius:1rem;padding:5px 10px;display:flex;flex-direction:row;transition:transform .1s}.contact-links a:hover{transform:scale(1.01)}.contact-links .icon-container{margin:0 5px}.contact-links .icon-container img{height:1rem}.contact-links li:last-child .icon-container{align-self:center}.contact-decor{width:300px}svg#svg-coder #back-circle{fill:var(--bright-color)}svg#svg-coder #hoody{fill:hsl(from var(--bright-color) calc(h - 40) s l)}svg#svg-coder #lines-of-code{stroke:var(--primary-color)}footer{padding-bottom:5px}@media (width <= 700px){.contact-links{margin:0 20px}#contact p{padding:0 20px}}.cover{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);outline:100vmax solid black;width:150vmax;height:150vmax;z-index:9999;border-radius:50%;animation:stretch 2s 1 ease-in backwards;pointer-events:none}.cover .circle{animation:none}@keyframes stretch{0%{width:0vw;height:0vw}}h1,h2,h3,h4,h5,h6{text-wrap:balance}@font-face{font-family:Inter;src:url(/assets/Inter-Light-WU__v9oT.ttf);font-weight:100}@font-face{font-family:Inter;src:url(/assets/Inter-Medium-CKLJZXR2.ttf);font-weight:700}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:100;font-size:16px;scrollbar-color:rgba(19,32,42,.5) rgb(230,230,230);scrollbar-width:thin}body{margin:0;overflow-x:hidden}*{box-sizing:border-box}ul{padding:0;list-style-type:none;margin:0}h1,h2,h3{text-transform:uppercase;text-align:center}.text-emphasized{color:var(--bright-color)}a.text-emphasized{text-decoration:none;font-weight:700}img{max-width:100%;display:block;width:100%;height:100%}svg{width:100%;height:100%}video{width:100%}.clickable{cursor:pointer}button{background-color:transparent;padding:0;margin:0;border:none;color:inherit;font-family:inherit;font-weight:inherit;cursor:pointer;font-size:inherit}section{min-height:100svh;overflow-x:hidden;padding-top:var(--scroll-padding, 4rem)}.dark-theme{--primary-color: #090f14;--secondary-color: black;--contrast-color: #fff;--bright-color: #e2d866}.light-theme{--primary-color: rgb(249, 248, 245);--secondary-color: rgb(226, 224, 219);--contrast-color: #090f14;--bright-color: #516fc7}.root-container{background-color:var(--primary-color);color:var(--contrast-color);transition:background-color .2s}.root-container *:focus-visible{outline:3px solid var(--contrast-color)}@media (max-width: 700px){h1,h2,h3{text-align:left}h2{text-indent:20px}:root{scroll-snap-type:none;scroll-padding-bottom:0px}}