@charset "UTF-8";@keyframes page-up{to{transform:translateY(0)}}@keyframes all-up{to{transform:translateY(-100%)}}.loading{z-index:9998;overflow:hidden;position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#161515;display:flex;justify-content:center;align-items:center;animation:all-up 1.5s cubic-bezier(.86,0,.07,1) 1s forwards}.loading p{color:#f5ebe0;position:absolute;z-index:9999;font-size:100px}.loading .page-screen{position:absolute;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(112.005996905deg,#253f4f 4.9270833333%,#b5677f 53.7083333333%,#ccc6ba 97.84375%);transform:translateY(100%);animation:page-up 1s cubic-bezier(.86,0,.07,1) .5s forwards}.loading-spinner{display:flex;justify-content:center;align-items:center}.lds-spinner{color:official;display:inline-block;position:relative;width:80px;height:80px}.lds-spinner div{transform-origin:40px 40px;animation:lds-spinner .6s linear infinite}.lds-spinner div:after{content:" ";display:block;position:absolute;top:3px;left:37px;width:6px;height:18px;border-radius:20%;background:#fff}.lds-spinner div:nth-child(1){transform:rotate(0);animation-delay:-1.1s}.lds-spinner div:nth-child(2){transform:rotate(30deg);animation-delay:-1s}.lds-spinner div:nth-child(3){transform:rotate(60deg);animation-delay:-.9s}.lds-spinner div:nth-child(4){transform:rotate(90deg);animation-delay:-.8s}.lds-spinner div:nth-child(5){transform:rotate(120deg);animation-delay:-.7s}.lds-spinner div:nth-child(6){transform:rotate(150deg);animation-delay:-.6s}.lds-spinner div:nth-child(7){transform:rotate(180deg);animation-delay:-.5s}.lds-spinner div:nth-child(8){transform:rotate(210deg);animation-delay:-.4s}.lds-spinner div:nth-child(9){transform:rotate(240deg);animation-delay:-.3s}.lds-spinner div:nth-child(10){transform:rotate(270deg);animation-delay:-.2s}.lds-spinner div:nth-child(11){transform:rotate(300deg);animation-delay:-.1s}.lds-spinner div:nth-child(12){transform:rotate(330deg);animation-delay:0s}@keyframes lds-spinner{0%{opacity:1}to{opacity:0}}.blur{position:fixed;width:100vw;height:100vh;z-index:-4;-webkit-backdrop-filter:blur(70px);backdrop-filter:blur(70px);top:0;left:0}@keyframes rotate{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.hover{background:linear-gradient(90deg,#dc96ff 16%,#212bb4,#ff3232 99%);width:130px;height:100px;position:fixed;z-index:-5;border-radius:50%;animation:rotate 3s linear infinite;box-shadow:0 0 20px #fffc;filter:brightness(1.3)}@font-face{font-family:JetBrains;src:url(/JetBrains.ttf) format("truetype");font-display:swap}@font-face{font-family:Cherry;src:url(/Cherry.ttf) format("truetype");font-display:swap}.icon{position:absolute;width:50px;height:auto}@keyframes fall{0%{transform:translateY(-100px);opacity:1}to{transform:translateY(100vh);opacity:0}}html,body{margin:0;padding:0}html{overflow-y:scroll}body{background:linear-gradient(180deg,#000,#1b2838 80%);color:#f0efe6;font-family:JetBrains}.notfound{display:flex;justify-content:center;align-items:center;flex-direction:column;min-height:100vh;gap:10px}.notfound h1,.notfound p{margin:0}.notfound a{text-decoration:underline;color:#7492b9}@keyframes liked-thing{0%{transform:translateY(100%);opacity:0}20%{transform:translateY(4px);opacity:1}80%{transform:translateY(4px);opacity:1}to{transform:translateY(-100%);opacity:0}}main{display:flex;justify-content:center}.content{padding:30px;max-width:450px;width:calc(100vw - 60px)}.content a{text-decoration:none;color:#fff0db}.content .section-title{font-family:Cherry;font-size:32px;font-weight:100;margin-bottom:8px}.content .title{display:flex;flex-direction:column;align-items:center}.content .title .name{width:100%}.content .title .name h1{margin:0;width:229px}.content .title .subtitle{color:#8a8a8a}.content .about-me{font-weight:600}.content .about-me p{margin:0}.content .skills .ends{display:flex;justify-content:space-around;flex-wrap:wrap;gap:20px}.content .skills .ends .end{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.content .skills .ends .end img{width:40px;height:auto;transition:transform .2s ease-in-out}.content .skills .ends .end img:hover{transform:scale(1.1)}.projects{margin-top:20px;display:flex;justify-content:space-evenly;flex-wrap:wrap;gap:10px}.projects .project:not(:first-child,:nth-child(2)){margin-top:15px}.projects .project{position:relative;display:flex;flex-direction:column;justify-content:flex-start;width:198px;height:250px;outline:2px solid #7492B9;border-radius:10px;padding:10px}.projects .project .project-content{height:100%;display:flex;flex-direction:column;justify-content:space-between;gap:10px;overflow:hidden}.projects .project a{all:unset;cursor:url(icons/Vector.svg),auto}.projects .project h2{margin:0}.projects .project .stack{display:flex;gap:5px}.projects .project .stack img{height:30px;width:auto}.projects .project .preview{width:100%;height:100%;object-fit:cover;border-radius:8px}.projects .project:hover{transform:translateY(5px);background-color:#7492b9;color:#161515}.projects .project:active{transform:translateY(5px)}@media screen and (max-width: 768px){.projects{flex-direction:column}.projects .project{width:70%;height:300px;margin:10px auto}}.more-on{text-align:center}.links{display:flex;gap:20px;justify-content:center}.link-item{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:inherit}.link-item img{margin-bottom:8px;width:40px;height:40px}.link-text{font-size:16px;font-weight:500}@media (max-width: 540px){.content .skills .ends{flex-direction:column;align-items:center;gap:50px}.projects{flex-direction:column;align-items:center;gap:20px}}@keyframes fallCurved{0%{transform:translateY(0) translate(0)}50%{transform:translateY(50vh) translate(calc(var(--finalPos) - 50%))}to{transform:translateY(100vh) translate(calc(var(--finalPos) - 50%))}}#modal-github-link,#modal-website-link{display:block;margin-top:10px;color:#007bff;text-decoration:none;font-weight:700}#modal-github-link:hover,#modal-website-link:hover{text-decoration:underline}.project .project-description{position:absolute;top:50%;left:0;right:0;bottom:0;display:flex;text-align:center;opacity:0;transform:translateY(-10px)}.project{position:relative}.project:hover{cursor:pointer;background-color:#f0f0f0;transition:background-color .3s ease}.header__wrapper{display:flex;justify-content:space-between;border-bottom:2px solid #2c3033;height:121px;align-items:center;position:relative}.menu__items{font-weight:800;flex-wrap:wrap;align-items:center;overflow-y:hidden;scrollbar-width:none}.menu__item{margin-bottom:.3rem}