@import"https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,100..900;1,100..900&family=Manrope:wght@200..800&display=swap";html{scroll-behavior:smooth}:root{--fontcolor:white;--bgcolor:black}body{font-family:montserrat,system-ui,sans-serif;background-color:var(--bgcolor);color:var(--fontcolor)}#about{background:linear-gradient(transparent,#000)}.glass-morph{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background-color:#ffffff2d}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-float{animation:float 3s ease-in-out infinite}.load{background-color:#fff;position:fixed;top:0;left:0;height:100vh;width:100%;z-index:999;display:flex;align-items:center;justify-content:center;flex-direction:column}.loader{width:60px;aspect-ratio:2;--_g: no-repeat radial-gradient(circle closest-side,#000 90%,#0000);background:var(--_g) 0% 50%,var(--_g) 50% 50%,var(--_g) 100% 50%;background-size:calc(100%/3) 50%;animation:l3 1s infinite linear}@keyframes l3{20%{background-position:0% 0%,50% 50%,100% 50%}40%{background-position:0% 100%,50% 0%,100% 50%}60%{background-position:0% 50%,50% 100%,100% 0%}80%{background-position:0% 50%,50% 50%,100% 100%}}#content{mix-blend-mode:difference;text-align:center}@media screen and (max-width: 768px){#content{left:50%;top:50%}}@font-face{font-family:digital;src:url(/assets/digital-Cnm38d_8.ttf)}.digital{font-family:digital}nav{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;position:fixed;display:flex;flex-direction:column;justify-content:center;align-items:center;padding-inline:15px;background-color:#0000000b;top:0;left:0;height:100vh;width:max-content;z-index:100;box-shadow:0 0 10px #1312127b;-webkit-user-select:none;user-select:none}nav ul{display:flex;list-style:none;flex-direction:column}nav .menu{margin-top:40px;font-size:x-large}nav ul li{display:flex;flex-direction:column;align-items:center;margin-bottom:20px;padding:5px;height:50px;width:50px;border-radius:50%;transition:.2s linear}nav ul li p{font-size:small;letter-spacing:1px;margin:5px 0}#FloatingNav{display:flex;justify-content:space-around;align-items:center;height:60px;position:fixed;top:0;width:100%;z-index:500;background:linear-gradient(180deg,black,transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.logo img{width:90px}@media screen and (max-width: 768px){nav{flex-direction:row;box-shadow:0 0 10px #3f3f3f6d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin:0;width:100%;height:max-content;bottom:0;top:unset;padding:10px 0}nav ul li{margin:unset;padding:unset}nav ul li:hover{cursor:pointer;scale:1.2;background-color:#fff;color:#000;transform:translateY(-10px)}nav ul{flex-direction:row;width:100%;height:max-content;justify-content:space-evenly}nav ul li p{font-size:xx-small}}._marquee__content_663mu_1{animation:_scroll_663mu_1 12s linear infinite;will-change:transform}img{width:30px;height:auto}._marq_663mu_1{position:relative}._marq_663mu_1:before{z-index:99;content:"";position:absolute;top:0;left:0;height:100%;width:100%}._wrapper_663mu_23{display:flex;align-items:center;border:1px solid rgba(255,255,255,.352);padding:10px;border-radius:10px}._wrapper_663mu_23 img{margin-right:10px}@keyframes _scroll_663mu_1{0%{transform:translate(0)}to{transform:translate(-100%)}}@media screen and (max-width: 600px){._marquee__content_663mu_1{animation:_scroll_663mu_1 20s linear infinite}._wrapper_663mu_23 img{width:20px}._wrapper_663mu_23 li{font-size:xx-small}}.circle{position:fixed;top:72%;right:10%;height:100px;width:100px;border-radius:50%;z-index:2000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);mix-blend-mode:difference;display:flex;align-items:center;justify-content:center;box-shadow:0 0 10px #61616125}.arrow{width:50px;height:50px;background-color:#fff;display:flex;align-items:center;justify-content:center;border-radius:50%;position:absolute;z-index:2020;transition:.2s linear}.arrow:hover{cursor:pointer;rotate:-45deg;scale:1.08}.text{-webkit-user-select:none;user-select:none;font-size:small;position:absolute;width:100%;height:100%;animation:rotatetext 5s linear infinite;will-change:transform}@keyframes rotatetext{0%{transform:rotate(360deg)}to{transform:rotate(-0deg)}}.text span{position:absolute;left:50%;transform-origin:0 50px}@media screen and (max-width: 600px){.text{animation:rotatetext 10s linear infinite}.circle{right:5%}}input,textarea{outline:none;border-bottom:1px solid rgba(128,128,128,.364)}form{color:#fff;padding:2rem;margin-block:4rem;border-radius:20px;box-shadow:0 0 10px #ffffff5d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#spotify{box-shadow:0 0 10px #fff,0 0 10px #fff}