:root{font-family:Chillax;line-height:1.6;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-width:thin;scrollbar-color:#dc143cc7 #0F0F0F;scroll-behavior:smooth}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.left-stats{transform:translate(30%,180%) rotate(80deg);animation:soft-float-left 7s linear infinite 3.5s}.middle-stats{transform:rotate(20deg);transform:translateY(50%) rotate(20deg);animation:soft-float-middle 7s linear infinite 3.5s}.right-stats{transform:translate(-30%,180%) rotate(80deg);animation:soft-float-right 7s linear infinite 3.5s}.loading-page{min-height:100vh;position:absolute;width:100%;overflow:hidden}.loading-page div{display:flex;justify-content:space-between;width:100%;min-height:inherit}.loading-page div svg{font-size:1.5rem}.loading-page div svg:first-child,.loading-page div svg:last-child{transform:rotate(80deg);align-self:center;transform-origin:center center;position:absolute}.loading-page div svg:first-child{animation:left 1s ease forwards,transfer-left 2.5s linear forwards 2.1s,soft-float-left 2.5s ease-in-out infinite 4s}.loading-page div svg:nth-child(2){transform:rotate(20deg);transform-origin:center center;position:absolute;animation:middle 1s ease forwards,transfer-middle 2.5s linear forwards 2.1s,soft-float-middle 2.5s ease-in-out infinite 4s}.loading-page div svg:last-child{right:50;animation:right 1s ease forwards,transfer-right 2.5s linear forwards 2.1s,soft-float-right 2.5s ease-in-out infinite 4s}.orbit{position:absolute;transform-origin:center center;z-index:12}.initial-orbit{animation:orbit 1.5s ease forwards .85s}@keyframes left{0%{top:50%;left:50%;transform:translate(-1600%,10%) rotate(80deg)}to{top:50%;left:50%;transform:translate(-70%,10%) rotate(80deg)}}@keyframes transfer-left{0%{top:50%;left:50%;transform:translate(-70%,10%) rotate(80deg) scale(1)}5%{top:50%;left:50%;transform:translate(-40vw,10%) rotate(80deg) scale(1)}15%{top:50%;left:50%;color:#dc143cc7;transform:translate(-40vw,10%) rotate(80deg) scale(2.5)}20%{top:50%;left:50%;transform:translate(-40vw,10%) rotate(80deg) scale(1)}25%{top:50%;left:50%;color:#dc143cc7;transform:translate(-40vw,10%) rotate(80deg) scale(2.5)}50%{top:50%;left:50%;opacity:0;transform:translate(-40vw,10%) rotate(80deg) scale(1)}to{top:50%;left:50%;opacity:0;transform:translate(-40vw,10%) rotate(80deg) scale(1)}}@keyframes middle{0%{top:50%;left:50%;transform:translate(1%,-2720%) rotate(20deg)}to{top:50%;left:50%;transform:translate(1%,-130%) rotate(20deg)}}@keyframes transfer-middle{0%{top:50%;left:50%;transform:translate(1%,-130%) rotate(20deg) scale(1)}5%{top:50%;left:50%;transform:translate(1%,-30vh) rotate(20deg) scale(1)}15%{top:50%;left:50%;color:#dc143cc7;transform:translate(1%,-30vh) scale(2.5) rotate(20deg) scale(1)}20%{top:50%;left:50%;transform:translate(1%,-30vh) rotate(20deg) scale(1)}25%{top:50%;left:50%;color:#dc143cc7;transform:translate(1%,-30vh) scale(2.5) rotate(20deg) scale(1)}50%{top:50%;left:50%;opacity:0;transform:translate(1%,-30vh) rotate(20deg) scale(1)}to{top:50%;left:50%;opacity:0;transform:translate(1%,-30vh) rotate(20deg) scale(1)}}@keyframes right{0%{top:50%;right:50%;transform:translate(1400%,10%) rotate(80deg)}to{top:50%;right:50%;transform:translate(165%,10%) rotate(80deg)}}@keyframes transfer-right{0%{top:50%;right:50%;transform:translate(170%,10%) scale(1) rotate(80deg)}5%{top:50%;right:50%;transform:translate(40vw,10%) scale(1) rotate(80deg)}15%{top:50%;right:50%;color:#dc143cc7;transform:translate(40vw,10%) scale(2.5) rotate(80deg)}20%{top:50%;right:50%;transform:translate(40vw,10%) scale(1) rotate(80deg)}25%{top:50%;right:50%;color:#dc143cc7;transform:translate(40vw,10%) scale(2.5) rotate(80deg)}50%{top:50%;right:50%;opacity:0;transform:translate(40vw,10%) scale(1) rotate(80deg)}to{top:50%;right:50%;opacity:0;transform:translate(40vw,10%) scale(1) rotate(80deg)}}@keyframes orbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes soft-float-left{0%{top:50%;left:50%;transform:translate(30%,180%) rotate(80deg)}50%{top:50%;left:50%;transform:translate(30%,150%) rotate(80deg)}to{top:50%;left:50%;transform:translate(30%,180%) rotate(80deg)}}@keyframes soft-float-middle{0%{top:50%;left:50%;transform:translateY(50%) rotate(20deg)}50%{top:50%;left:50%;transform:translateY(20%) rotate(20deg)}to{top:50%;left:50%;transform:translateY(50%) rotate(20deg)}}@keyframes soft-float-right{0%{top:50%;right:50%;transform:translate(-30%,180%) rotate(80deg)}50%{top:50%;right:50%;transform:translate(-30%,150%) rotate(80deg)}to{top:50%;right:50%;transform:translate(-30%,180%) rotate(80deg)}}.about>*{animation-timeline:view(auto);animation:fadeInBottom 1.3s ease-in-out forwards 2s}.about{text-align:left;width:auto;margin:0 auto;padding-top:1em}.about p{font-size:clamp(1.5vw,3.8vw,1.5rem)}.about-inner{max-width:737px}.projects{text-align:left;padding-top:2em}.projects h2{margin-bottom:2.5em}.project-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(320px,330px),400px));justify-content:center;column-gap:80px;row-gap:5em}.project-container a{margin:0 auto}.card{width:clamp(320px,50vw,430px);height:564.55px;background:#2e0003;border-radius:10px;cursor:pointer;color:#fff;transition:all .5s;animation-duration:.7s;animation-fill-mode:forwards}.card:hover{transform:scale(1.08);box-shadow:0 0 30px #b3000c;animation-timing-function:ease-in-out}.card img{width:100%;max-width:430px;height:auto;object-fit:cover;border-top-left-radius:10px;border-top-right-radius:10px}.card>*:not(:first-child){padding:1.2em}.card div h3,.card div p:last-child{margin:0}.card div p{margin:1.1em 0}.card div p:nth-child(2){display:flex;flex-wrap:wrap;row-gap:7px}.card div span{background:#b3000c;padding:.2em .7em;margin-right:.5em}.header-btn{display:flex;justify-content:space-between;align-items:center}footer{padding:3em;font-size:1.5rem;text-align:center;transform:translateY(0)!important}footer button{border-color:#e53935;color:#e53935;transition:all .6s ease;animation:colorGlow 2.8s ease-in-out infinite}footer button:hover{border-color:inherit;box-shadow:5px 5px #e53935;transform:translate(-2px,-2px)}footer button a:hover{color:#e53935}footer div ul{display:flex;justify-content:space-between;list-style:none;padding-left:0;width:150px;margin:0 auto}footer div ul li a{color:#fff}footer div ul li,footer div ul li a{font-size:1.9rem;transition:all .2s ease-in-out}footer div ul li:hover{transform:scale(1.3)}footer div ul li:hover a{color:#dc143cc7}footer button a{color:inherit}@keyframes colorGlow{0%,to{color:#e53935;border-color:#e53935}50%{color:#f66;border-color:#f66}}@font-face{font-family:Chillax;font-display:swap;src:url(/assets/Chillax-Regular-DDL1LzvV.ttf)}#root{margin:0 auto;text-align:center;width:100%}main{background:#0f0f0f}nav{position:relative;padding:.05em;font-size:1.3rem}nav .orbit>*,.hamburger-menu li a{color:#e53935;animation:colorGlow 2.8s ease-in-out infinite}nav .main-list,.header-list{display:flex;justify-content:right;flex-direction:row;list-style-type:none}nav ul li{margin-right:1.5em;cursor:pointer}nav .menu{display:none;color:#fff;cursor:pointer}.nav-menu-list{display:none}.nav-list{position:absolute;bottom:50;right:100;width:100%;z-index:10}.nav-list ul{list-style:none;padding-left:0}.nav-list ul li{border-top:1px solid #686868;border-bottom:1px solid #686868;padding:.8em 0;font-size:1.2rem;background:#0f0f0f}.nav-list li a{color:#e53935;animation:colorGlow 2.8s ease-in-out infinite}#about,#projects{scroll-margin-top:160px}.anchor-links{color:#fff}.anchor-links:hover{color:inherit}.nav-resume{color:#e53935;animation:colorGlow 2.8s ease-in-out infinite}.nav-icon{position:absolute;left:2%;top:5%;color:#dc143cc7}.left-stats,.right-stats{transform:rotate(80deg);align-self:center}.left-stats{transform:translate(30%,180%) rotate(80deg);animation:soft-float-left 7s ease-in-out infinite 3.5s}.middle-stats{transform:rotate(20deg);transform:translateY(50%) rotate(20deg);animation:soft-float-middle 7s ease-in-out infinite 3.5s}.right-stats{transform:translate(-30%,180%) rotate(80deg);animation:soft-float-right 7s ease-in-out infinite 3.5s}header{background:#0f0f0f;display:flex;justify-content:center;flex-direction:column;min-height:100vh}header h1{font-size:clamp(3rem,16vw,6rem);font-weight:900;margin:0}header h1 span{color:#e53935;animation:colorGlow 2.8s ease-in-out infinite}header h2{font-size:clamp(1.8rem,7vw,3rem);font-weight:500;margin:0}header div{margin:0 auto}.header-name{display:flex;justify-content:space-between;align-items:center;width:clamp(320px,80vw,520px)}.header-name svg{font-size:clamp(.5rem,6vw,2.2rem)}.header-svg-animation{animation:bounce .9s ease-in,colorGlow 2.8s ease-in-out infinite}.header-svg-glow{animation:colorGlow 2.8s ease-in-out infinite}.socials-list ul{display:flex;justify-content:space-between;width:150px;margin-top:1.5em;list-style:none;padding-left:0}.socials-list ul li,.socials-list ul li a{transition:all .2s ease-in-out}.socials-list ul li:hover{transform:scale(1.4)}header div a{color:#fff;transition:all .2s ease-in-out}header div a:hover{transform:scale(1.2);color:#dc143cc7}header div a svg{font-size:1.7rem}header div h4{font-size:1.6rem}.header-list{justify-content:space-evenly;flex-wrap:wrap;width:100%;max-width:700px;padding-left:0;row-gap:20px}.header-list li{background:#dc143cc7;padding:.2em .7em;margin-right:.4em}section{padding:4em}section h2{font-size:2.5rem;color:#e53935;animation:colorGlow 2.8s ease-in-out infinite}@media(max-width:530px){nav{overflow:visible;position:relative}nav .main-list{visibility:hidden}nav .menu{display:flex;position:absolute;left:50%;bottom:50%;transform:translate(290%,60%)!important;font-size:2.2rem;z-index:20}}@media(min-width:531px){.nav-list{visibility:hidden}}.slides-left{animation:slides-left .9s ease forwards}.slides-right{animation:slides-right .9s ease forwards}.menu-appear-down{animation:menuAppearDown .9s ease forwards}.menu-appear-up{animation:menuAppearUp .9s ease forwards}.hamburger-menu{display:flex;flex-direction:column;position:absolute;transform:translateY(0);width:100%;z-index:5}.hamburger-menu ul{list-style-type:none;padding-left:0}.hamburger-menu ul li{margin-right:0;padding:.75em 0;cursor:pointer}.fadeUp{transform:translateY(150px);opacity:0;transition:all 1.8s ease}.fadeUp.active{transform:translateY(0);opacity:1}.hide{transform:translateY(150px);opacity:0}.hideScroll{overflow-y:hidden}@keyframes bounce{0%{transform:translate(0);animation-timing-function:ease-out}25%{transform:translate(45%)}50%{transform:translate(0);animation-timing-function:ease}70%{transform:translate(25%)}80%{transform:translate(0)}90%{transform:translate(12%)}to{transform:translate(0)}}@keyframes colorGlow{0%,to{opacity:1}50%{opacity:.8}}@keyframes slides-left{0%{transform:translate(415%,50%);opacity:0}to{transform:translate(400%,50%);opacity:1}}@keyframes slides-right{0%{transform:translate(415%,50%);opacity:0}to{transform:translate(400%,50%);opacity:1}}@keyframes menuAppearDown{0%{opacity:0;transform:translateY(-10%)}to{opacity:1;transform:translateY(0)}}@keyframes menuAppearUp{0%{opacity:1;transform:translateY(0)}50%{opacity:0;transform:translateY(-10%)}to{display:none;opacity:0}}