:root{font-family:Rubik,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;--color-bg1: rgb(43, 43, 68);--color-bg2: rgb(0, 17, 82);--color1: 86, 94, 190;--color-interactive: 140, 100, 255;--circle-size: 80%;--gradient-turq: #0decf0;--gradient-blue: #182bf5;--default-bg: #171d32;--blue-1: #091C32;--blue-2: #2a4a71;--light-blue: #c0e6fd;--light-blue-2: rgb(110, 240, 225);--light-green-1: #cdffc8;--light-green-2: #20ff0b;--green-1: #0e5d00;--green-2: #99ffc0;--pink-0: #ffcce6;--pink-1: #ffaad6;--pink-2: #ff7cc0;--pink-3: #440023;--easeOutExpo: cubic-bezier(.16, 1, .3, 1);--default-bg-lm: #d4dcff;--blue-1-lm: #c0deff;--blue-2-lm: #d6d6d6;--light-blue-lm: #051d5c;--light-green-1-lm: #0a7400;--light-green-2-lm: #44b13a}.space-mono-regular{font-family:Space Mono,monospace;font-weight:400;font-style:normal}.space-mono-bold{font-family:Space Mono,monospace;font-weight:700;font-style:normal}body{margin:0;min-width:320px;background-color:var(--default-bg);color:#fff;font-family:Rubik,sans-serif}body.light{background-color:var(--default-bg-lm)}a{text-decoration:none;color:#fff}.section-title{background:var(--gradient-turq);background:linear-gradient(155deg,var(--gradient-turq) 0%,var(--gradient-blue) 100%);width:100%;display:flex;flex-flow:row nowrap;justify-content:center}.section-title h1{padding:16px 28px;margin:0;border:4px solid;border-image-slice:1;border-image-source:linear-gradient(155deg,var(--gradient-blue),var(--gradient-turq))}.section-title div{background-color:var(--default-bg);padding:6px;margin:60px 10px;transition:background-color 1s var(--easeOutExpo)}body.light .section-title div{background-color:var(--default-bg-lm)}.center{text-align:center}.back-to-top{display:flex;justify-content:right;margin:40px}.back-to-top a i{background-color:#000;font-size:1.3em;border-radius:100%;padding:10px 13px;animation:bounce 1.4s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}footer{display:flex;flex-direction:column;justify-content:space-around;height:250px;background-color:var(--default-bg);background-image:url(/footer-dark.svg);padding-top:20px}body.light footer{background-color:var(--default-bg-lm);background-image:url(/footer-light.svg)}.button-group{display:flex;justify-content:center}.attract-container{padding:30px;position:relative}.attract{background-color:#000;width:30px;height:30px;display:flex;justify-content:center;align-items:center;border-radius:100%;transition:transform .1s;position:relative;z-index:1}.attract i{color:#fff}.gradient-bg{-webkit-animation:gradient 8s ease infinite;-moz-animation:gradient 8s ease infinite;animation:gradient 8s ease infinite}@-webkit-keyframes gradient{0%{background-position:87% 0%}50%{background-position:14% 100%}to{background-position:87% 0%}}@-moz-keyframes gradient{0%{background-position:87% 0%}50%{background-position:14% 100%}to{background-position:87% 0%}}@keyframes gradient{0%{background-position:87% 0%}50%{background-position:14% 100%}to{background-position:87% 0%}}.projects{display:flex;flex-direction:column;padding-top:40px}.projects-row{display:flex;flex-flow:row wrap;margin:20px 0}.flex-1{flex:1}.flex-2{flex:1.5}.project-wrapper{padding:30px}.project-wrapper .upper{position:relative;width:70%;margin:0 auto;border:10px solid;border-image-slice:1;border-image-source:linear-gradient(155deg,var(--gradient-turq) 0%,var(--gradient-blue) 100%);box-shadow:0 0 10px #000}.project-wrapper .upper img{width:100%}.project-wrapper .year{padding:10px;display:inline;position:absolute;top:-30px;right:-30px;background-color:var(--blue-2);box-shadow:0 0 10px #000;transition:background-color 1s var(--easeOutExpo)}body.light .project-wrapper .year{background-color:var(--blue-2-lm)}.project-wrapper .below{background-color:var(--blue-1);width:100%;padding:16px;box-shadow:0 0 10px #000;transition:background-color 1s var(--easeOutExpo)}body.light .project-wrapper .below{background-color:var(--blue-1-lm)}.play-button{width:fit-content;border:none;border-radius:2px;font-size:.8em;color:var(--pink-3);background-color:var(--pink-1);border:2px solid;border-color:var(--pink-0) var(--pink-3) var(--pink-3) var(--pink-0)}.play-button:hover{background-color:var(--pink-2)}.project-wrapper .title{display:flex;justify-content:space-between;align-items:center}.project-wrapper .title b{font-size:1.5em}.project-wrapper .description{transition:color 1s var(--easeOutExpo);color:var(--light-blue)}.project-wrapper .description a{transition:color 1s var(--easeOutExpo);color:var(--light-green-1)}.project-wrapper .description a:hover{color:var(--light-green-2)}body.light .project-wrapper .description{color:var(--light-blue-lm)}body.light .project-wrapper .description a{color:var(--light-green-1-lm)}body.light .project-wrapper .description a:hover{color:var(--light-green-2-lm)}.chains{display:flex;justify-content:space-around;padding:0 20px}.chains img{width:12px}.project-footer{display:flex;flex-flow:row wrap;justify-content:space-between;align-items:center;margin-top:6px;gap:10px}.tags{display:flex;flex-flow:row wrap;font-size:.8em;color:var(--green-1);line-height:1;gap:8px}.tag{display:inline;background-color:var(--green-2);padding:5px;border-radius:2px}.project-links{display:flex;flex-flow:row wrap;gap:8px}.project-links a{padding:2px 6px;border-radius:2px;color:var(--pink-3);background-color:var(--pink-1);border:2px solid;border-color:var(--pink-0) var(--pink-3) var(--pink-3) var(--pink-0)}.project-links a:hover{background-color:var(--pink-2)}.project-links .invalid{pointer-events:none;color:#5c5c5c;background-color:#b9b9b9}@media (max-width: 991px){.projects-row{flex-direction:column}.flex-1 .project-wrapper .upper{width:50%;margin:0 auto}.flex-1 .chains{justify-content:space-evenly}}.homepage{height:100vh;min-height:375px;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;padding-top:80px;background:linear-gradient(47deg,#0c0033,#004355,#001a4d);background-size:500% 500%}body.light .homepage{background:linear-gradient(47deg,#d4dcff,#92ccff,#d4dcff);background-size:500% 500%}.homepage h1{font-size:4.4em}body.light .desk-area .dark,body.dark .desk-area .light{display:none}.desk-area{width:100%;position:relative;display:flex;justify-content:center}.homepage .desk{width:100%;max-width:1000px;min-width:320px;height:auto}.desk-area .desk-overlay{position:absolute;top:40%;left:50%;color:#000;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:max(min(3vw,30px),10px)}.typewriter p{overflow:hidden;border-right:.15em solid orange;white-space:nowrap;margin:0 auto}.typewriter p:nth-child(1){visibility:hidden;animation:typing 1.2s steps(25,end) .2s forwards,blink-caret .75s step-end infinite,hide-caret 0s linear 1.5s forwards}.typewriter p:nth-child(2){visibility:hidden;animation:typing 1.2s steps(40,end) 1.4s forwards,blink-caret .75s step-end infinite,hide-caret 0s linear 2.7s forwards}.typewriter p:nth-child(3){visibility:hidden;animation:typing 1.2s steps(40,end) 2.6s forwards,blink-caret .75s step-end infinite}@keyframes typing{0%{width:0;visibility:visible}to{width:100%;visibility:visible}}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:orange}}@keyframes hide-caret{0%{border-color:orange}to{border-color:transparent}}.desk-container{width:100%;max-width:1000px;min-width:320px;position:relative}.cat-container{display:none}@media screen and (min-width: 700px){.cat-container{display:block;position:absolute;bottom:10%;left:5%}.cat{position:relative;width:150px}.follow-container{margin:auto;position:absolute;top:56px;left:43px;display:flex;gap:32px}.image{position:absolute;top:250px;left:620px}.pupil_left,.pupil_right{position:relative}}#navbar{height:60px;width:100%;background-color:#62626297;display:flex;justify-content:space-between;align-items:center;padding:0 20px;box-sizing:border-box;position:fixed;top:0;left:0;transition:top .3s,background-color 1s var(--easeOutExpo);z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:4px solid;border-image-slice:1;border-image-source:linear-gradient(to left,var(--gradient-blue),var(--gradient-turq))}body.light #navbar{background-color:#e7e7e797}body.dark .nav-links a{color:#fff}body.light .nav-links a{color:#000}.nav-links{display:flex;align-items:center;gap:35px}.nav-links a{transition:color 1s var(--easeOutExpo);position:relative}.nav-links a:hover{text-shadow:0px 0px 10px var(--light-blue-2);transform:scale(1.1)}body.light .nav-links a:hover{text-shadow:0px 0px 10px rgb(249,249,91)}.nav-links a i:hover{transform:scale(1.1)}.switch-background{background-color:#171d32;height:30px;width:65px;border-radius:100px;display:inline-block;box-shadow:0 0 5px #fff}body.light .switch-background{box-shadow:0 0 5px #000}.innerSwitch{background-color:var(--light-blue-2);width:30px;height:30px;border-radius:100%;display:flex;justify-content:center;align-items:center;cursor:pointer}.face{width:20px;padding-bottom:0}.hamburger div{width:30px;height:3px;background:#fff;margin:5px;transition:all .3s ease,background 1s var(--easeOutExpo);border-radius:3px}body.light .hamburger div{background:#000}.hamburger{display:none}.toggle .line1{transform:rotate(-45deg) translate(-5px,6px)}.toggle .line2{opacity:0}.toggle .line3{transform:rotate(45deg) translate(-5px,-6px)}@media screen and (max-width: 550px){.hamburger{display:block;transition:all .7s ease}.nav-links{position:fixed;top:60px;right:-100vw;width:100%;height:auto;padding:30px 0;flex-direction:column;transition:right .5s ease-out,background-color 1s var(--easeOutExpo);display:flex;background-color:var(--default-bg)}body.light .nav-links{background-color:var(--default-bg-lm)}.nav-links.open{right:0vw}.nav-overlay{position:fixed;top:60px;right:-100vw;width:100%;height:100vh;background-color:#6c6c6cb4;transition:all .5s ease-out;z-index:999;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-overlay.open{right:0}.nav-links div{opacity:0}.nav-links div:nth-child(1){transition:opacity .5s ease .4s}.nav-links div:nth-child(2){transition:opacity .5s ease .5s}.nav-links div:nth-child(3){transition:opacity .5s ease .6s}.nav-links div:nth-child(4){transition:opacity .5s ease .7s}.nav-links div.link-fade{opacity:1}}.about-me{position:relative;padding:160px 0;background:linear-gradient(47deg,#181a3a,#333a4b,#0a2c72);background-size:600% 600%}body.light .about-me{background:linear-gradient(47deg,#fff4db,#ffdead,#fff4db);background-size:600% 600%}.about-me-text{background-color:var(--blue-1);padding:30px;box-shadow:0 0 15px #000;position:relative}body.light .about-me-text{background-color:var(--blue-1-lm)}.my-picture{position:relative}#pin{position:absolute;top:-20px;left:45%;width:50px}#me{box-shadow:0 0 15px #000;width:100%;min-width:280px;max-width:400px}.left-side{height:100%;position:absolute;top:0;left:0;width:0%}.orange-gradient{background:#945400;background:linear-gradient(0deg,#945400,#957500)}@media (max-width: 991px){.about-me .row{display:flex;flex-direction:column}}.block-reveal{margin-bottom:25px;position:relative;overflow:hidden;display:flex;align-items:center;display:inline-block}.block-reveal__block{background:#006695!important}body.light .block-reveal__block{background:var(--blue-1-lm)!important}.block-reveal__text{opacity:0;margin:.3em .5rem}.block-reveal__block{content:"";background:#000;position:absolute;width:100%;height:1.3rem;margin-top:.8rem;z-index:0;transform:translate(0)}.block-reveal--active .block-reveal__text{animation:block-reveal-text 0s;animation-delay:.1s;animation-fill-mode:forwards}.block-reveal--active .block-reveal__block{animation:block-rev-block 1.1s;animation-timing-function:cubic-bezier(.65,.05,.36,1)}@keyframes block-rev-block{0%{transform:translate(-100%);z-index:1;height:2.1rem;background:#803dff}50%{transform:translate(calc(100% + 1px));height:2.1rem}to{height:1.3rem;transform:translate(0);background:#36c1ff}}@keyframes block-reveal-text{0%{opacity:0}50%{opacity:1}to{opacity:1}}.popup-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;display:flex;align-items:center;justify-content:center;background-color:#000c;opacity:0;pointer-events:none;transition:opacity .3s ease}.popup-container.show{opacity:1;pointer-events:auto}.video-container{position:relative;width:80%;max-width:800px;margin:0 auto}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%}@media only screen and (max-width: 768px){.video-container{width:90%;padding-top:56.25%}}@media only screen and (min-width: 769px) and (max-width: 1024px){.video-container{width:700px;height:393.75px}}@media only screen and (min-width: 1025px){.video-container{width:800px;height:450px}}