@import"https://fonts.cdnfonts.com/css/sudo-var";@import"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Ubuntu+Sans:ital,wght@0,100..800;1,100..800&display=swap";*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{line-height:1.5;-webkit-font-smoothing:antialiased}*,*:before,*:after{box-sizing:border-box}img,picture,video,canvas,svg{display:block;max-width:100%}a{text-decoration:none}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root,#__next{isolation:isolate}canvas{position:fixed;top:0;left:0;z-index:-1}:root{--bg-color: #151217;--bg-color-transparent: rgba(21, 18, 23, .64);--primary-color: #5e4ae3;--secondary-color: #ffce1c;--text-color: #fefefa;--neutral-color: #adb5bd}body{font-family:Inter,sans-serif;font-optical-sizing:auto;background-color:var(--bg-color);color:var(--text-color)}h1,h2,h3,h4,h5,h6{font-family:Ubuntu Sans,sans-serif;font-optical-sizing:auto}h1{font-size:2.5em}h2{font-size:2em}h3{font-size:1.5em}h4{font-size:1.2em}h5{font-size:1em}h6{font-size:.8em}a{color:var(--secondary-color);font-weight:700;text-decoration:none;transition:.2s all ease-in-out}a:hover{text-decoration:solid underline;scale:1.1}@media screen and (max-width: 768px){h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.2rem}h5{font-size:1rem}h6{font-size:.8rem}}.icon-font{font-family:sudo var,sans-serif}button{cursor:pointer;border:0;background-color:var(--bg-color-transparent);color:var(--secondary-color);font-weight:700;text-decoration:solid underline;transition:.3s}header{position:sticky;top:0;height:60px;display:flex;justify-content:space-between;align-items:center;padding:0 20px;transition:all .3s ease-in-out;z-index:10;overflow-x:clip}header a{display:flex;align-items:center;color:var(--text-color);font-weight:700}header a span{font-family:Ubuntu Sans,sans-serif;margin-left:.5em}header a img{height:2.5em;margin-bottom:.3em}nav ul{list-style:none;display:flex}#mobile-menu-toggle{display:none;cursor:pointer}#mobile-menu{display:none}nav ul li{margin:0 10px}nav ul li a{color:var(--text-color);font-weight:700;transition:.3s}nav ul li a:hover{color:var(--secondary-color);font-size:large}.scrolled-nav{background-color:var(--bg-color-transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 10px #0000001a}@media screen and (max-width: 768px){#desktop-menu{display:none}#mobile-menu-toggle-label{display:block;position:absolute;padding:1rem;z-index:999;top:10px;right:20px}#mobile-menu-toggle-label span{display:flex;width:30px;height:3px;margin-bottom:5px;position:relative;background:#fff;border-radius:3px;transition:transform .5s cubic-bezier(.77,.2,.05,1),background .5s cubic-bezier(.77,.2,.05,1),opacity .55s ease}#mobile-menu-toggle-label span:first-child{transform-origin:center center}#mobile-menu-toggle-label span:nth-last-child(2){transform-origin:center center}#mobile-menu-toggle:checked~#mobile-menu-toggle-label span{opacity:1;transform:translateY(-8px) rotate(45deg);background:var(--secondary-color)}#mobile-menu-toggle:checked~#mobile-menu-toggle-label span:nth-last-child(3){opacity:0;transform:rotate(0) scale(.2)}#mobile-menu-toggle:checked~#mobile-menu-toggle-label span:nth-last-child(2){transform:rotate(-45deg)}#mobile-menu{display:flex;flex-direction:column;position:absolute;top:0;right:0;width:200px;padding-top:60px;padding-bottom:30px;padding-left:30px;box-shadow:0 10px 10px #00000054;background:var(--bg-color-transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-font-smoothing:antialiased;transform-origin:right center;transform:translate(100%);transition:transform .5s cubic-bezier(.77,.2,.05,1)}#mobile-menu li{padding:10px 0;font-size:1.2rem}#mobile-menu-toggle:checked~#mobile-menu{transform:none}}.full-screen-section{position:relative;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 20vw}.icon-font{font-family:sudo var,sans-serif;position:absolute;bottom:10%}@media screen and (max-width: 1100px){.full-screen-section{padding:20vh 10vw;height:auto}}#home h1{color:var(--secondary-color);margin-bottom:20px;align-self:start}#home h1 span{text-align:left;font-weight:400;color:#fff;font-size:2rem}#home h1 span strong{font-weight:700}#home p{width:100%;text-align:right;line-height:1.5;margin-bottom:40px}#about{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:3em}#about h2{margin-bottom:20px}#about p{line-height:1.5;margin-bottom:40px}.card{background-color:var(--text-color);color:var(--bg-color);border-radius:15px;box-shadow:0 0 10px #0000001a;margin:1em 0}.card h3{text-align:right;padding:.25em .5em;background-color:var(--secondary-color)}.card h4{text-align:right;color:var(--primary-color);border-bottom:var(--neutral-color) solid 3px}.card ul{list-style:none;padding:1em 0}.card li{padding:.25em 1em}.card div{display:grid;grid-template-columns:repeat(auto-fit,minmax(.5rem,1fr));align-items:center}.card img{padding:.5em;width:auto}#projects-list{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1.5em;width:100%;margin:.5em 0 2em}#projects-options{display:flex;justify-content:center;align-items:center}#filter-desktop{border:0;background:none;color:var(--neutral-color);height:4rem;margin-top:2em;overflow:hidden}#filter-desktop option:hover{color:var(--text-color);background:var(--bg-color-transparent);font-weight:700}#filter-desktop option:checked{color:var(--bg-color);background:var(--neutral-color);font-weight:700}#filter-mobile{display:none;border:1px solid var(--neutral-color);border-radius:5px;background:var(--bg-color);color:var(--neutral-color);padding:.5rem 1rem;margin-top:2em}option{display:inline-block;padding:1rem;cursor:pointer}@media screen and (max-width: 768px){#filter-desktop{display:none}#filter-mobile{display:block}}.project{overflow:clip;position:relative;background-color:var(--text-color);cursor:pointer;height:20em;color:var(--bg-color);border-radius:10px;box-shadow:0 0 10px #00000054;text-align:center;animation:project-intro .3s ease-in-out}@keyframes project-intro{0%{transform:scale(.5);filter:blur(10px);opacity:0}to{transform:scale(1);filter:blur(0);opacity:1}}.project img{width:100%;height:100%;object-fit:cover;transition:all .3s ease-in-out}.project h4{width:100%;filter:blur(5px);transform:perspective(1000px) rotateY(-90deg);transition:all .3s ease-in-out;transform-origin:left;position:absolute;bottom:0;left:0;background-color:var(--bg-color);border:2px solid var(--neutral-color);color:var(--text-color);padding:5px 10px;border-radius:0 0 10px 10px;perspective:240px}.project:hover h4{filter:blur(0);transform:rotateY(0)}#project-details #project-details-gallery{position:fixed;display:grid;grid-template-columns:1fr 1fr;grid-gap:3em;padding:3em;top:0;left:0;width:100%;height:100vh;background-color:var(--bg-color);color:var(--bg-color);transition:all .3s ease-in-out;z-index:11;overflow-y:scroll}#close-details{position:absolute;top:-.8em;right:-.8em;cursor:pointer;color:var(--text-color);font-size:1.5em;background-color:var(--primary-color);text-decoration:none;border:0;border-radius:50%;padding:.1em .5em;box-shadow:0 0 10px #00000054}#close-details:hover{filter:brightness(.66)}#project-info{box-shadow:0 0 10px #0000001a;position:fixed;width:calc(50% - 4.5em);padding:1em 2em;background-color:var(--text-color)}#project-info ul{margin-left:1em;list-style:none}#project-images{display:grid;grid-template-columns:1fr;grid-gap:1em}.bottom-fade{width:100vw;height:20vh;bottom:0;left:0;pointer-events:none;position:fixed;background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,var(--bg-color) 100%)}#project-details img{background-color:var(--neutral-color);width:auto;height:auto;object-fit:cover}#project-details-gallery a{margin-left:1em;color:var(--primary-color)}#project-video{position:fixed;display:grid;grid-template-columns:1fr;padding:3em;justify-items:center;top:0;left:0;width:100vw;height:100vh;object-fit:cover;background-color:var(--bg-color);color:var(--text-color);z-index:11}#project-video video{height:66vmin;object-fit:cover;box-shadow:0 0 10px #0000001a}#project-video #close-details{top:1em;right:1em;text-decoration:none}@media screen and (max-width: 1000px){#project-details #project-details-gallery{display:flex;flex-direction:column}#project-info{position:relative;width:100%}#project-video{padding:1em}#project-video video{height:50vmin}}.project-skills{width:100%;display:flex;align-items:center;flex-wrap:wrap;justify-content:center}.project-skills li{background-color:var(--neutral-color);color:var(--bg-color);list-style:none;text-align:center;padding:.25rem 1rem;margin:0 .5rem;border-radius:25px}.page-button{background-color:var(--neutral-color);border:0;border-radius:50%;padding:1em;margin:0 10px;cursor:pointer}.active-page{background-color:var(--text-color)!important;border:3px solid var(--neutral-color);animation:active-animation .5s}@keyframes active-animation{0%{transform:scale(1)}50%{transform:scale(1.5)}to{transform:scale(1)}}@media screen and (max-width: 900px){#projects-list{grid-template-columns:1fr}}footer{display:flex;flex-direction:column;background-color:var(--secondary-color);color:var(--bg-color);justify-content:space-between;align-items:center;padding:0 20px;margin-top:auto}footer div:first-of-type{width:100%;max-width:300px;padding:2em;display:grid;align-items:center;grid-template-columns:repeat(auto-fit,minmax(.5rem,1fr));gap:1em}footer div:last-of-type{padding-bottom:2em}@keyframes scroll_2{0%{transform:translateY(0);opacity:1}25%{opacity:1}75%{transform:translateY(.75em);opacity:0}to{transform:translateY(0);opacity:0}}.example--2{background:var(--primary-color)}.scroll-icon__dot{display:block;position:absolute;left:50%;background:var(--text-color);height:.5em;width:.5em;top:.6em;margin-left:-.25em;border-radius:50%;transform-origin:top center;backface-visibility:hidden;animation:scroll_2 2s ease-out infinite}.scroll-icon{display:block;position:relative;height:3em;width:1.5em;border:.25em solid var(--text-color);border-radius:1em}.hidden{display:none!important}.no-scroll{overflow:hidden!important}