@import url(https://fonts.googleapis.com/css2?family=Permanent+Marker&display=swap);@import url(https://fonts.googleapis.com/css2?family=Berkshire+Swash&display=swap);@import url(https://fonts.googleapis.com/css2?family=Funnel+Display:wght@300..800&family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap);:root{--color-primary:#1c2130;--color-secondary:#d1338f}*,:after,:before{-ms-overflow-style:none;box-sizing:inherit;margin:0;padding:0;scrollbar-width:none}::_wekbit-scrollbar{display:none}body{--s:49px;--c1:var(--color-primary);--c2:var(--color-secondary);--c:var(--c1) 0 25%,#0000 0;--p:0 0/calc(var(--s)*3) calc(var(--s)*2);animation:moveBackground 120s linear infinite;background-color:#000;background:conic-gradient(from -45deg at 75% 62.5%,var(--c)) var(--p),conic-gradient(from 135deg at 25% 37.5%,var(--c)) var(--p),repeating-conic-gradient(from 90deg,var(--c),var(--c2) 0 50%) 0 0/var(--s) var(--s);color:#fff;height:100svh}@keyframes moveBackground{0%{background-position:0 0,0 0,0 0}to{background-position:calc(100% - var(--s)) 0,calc(100% - var(--s)) 0,calc(100% - var(--s)) 0}}.title{color:#fff;font-family:Permanent Marker,serif;font-size:3rem;font-style:normal;font-weight:400;margin-bottom:2rem;text-shadow:#d1338f 5px 5px 3px;text-shadow:var(--color-secondary) 5px 5px 3px}.header,.title{text-align:center}.header img{border:5px solid #d1338f;border:5px solid var(--color-secondary);border-radius:50%;max-width:8rem}@media (min-width:1000px){.header img{border:8px solid #d1338f;border:8px solid var(--color-secondary);border-radius:50%;max-width:10rem}}@media (max-height:800px){.home__header img{border:4px solid #d1338f;border:4px solid var(--color-secondary);max-width:5rem}}.footer{color:#d1338f;color:var(--color-secondary);color:#fff;padding-bottom:2rem;text-align:center;text-decoration:none}.footer span:last-child{font-family:Berkshire Swash,serif}.mobile{background-color:#1c2130;background-color:var(--color-primary);display:flex;flex-direction:column;height:100svh;justify-content:space-between;margin:0 auto;width:300px}.mobile-home{min-height:100svh;padding-top:2rem}.app-content{background-color:#1c2130;display:flex;height:100svh;justify-content:center;margin:0 auto;width:1001px}.page{border-right:1px solid #d1338f;border-right:1px solid var(--color-secondary);min-width:600px}.page__header{border-bottom:1px solid #fff;color:#d1338f;color:var(--color-secondary);font-family:Permanent Marker,serif;font-size:2rem;padding-bottom:1rem;text-align:center}.sidebar{background-color:#000;border-left:1px solid var(--color-secondary);border-right:1px solid var(--color-secondary);display:flex;flex-direction:column;justify-content:space-between;min-height:-webkit-fit-content;min-height:fit-content;min-width:400px;padding-top:2rem;position:-webkit-sticky;position:sticky;text-align:center;top:0;width:25rem}.elitemagicalbeats{color:var(--color-secondary);font-size:2rem;text-decoration:none}.elitemagicalbeats,.name{font-family:Permanent Marker,serif}.name{color:#fff;font-size:1.75rem;font-style:normal;font-weight:400;margin-bottom:2rem;text-align:center;text-shadow:var(--color-secondary) 5px 5px 3px}.spotify{margin-top:-8rem}.navigation{margin-top:-4rem}.nav-link{color:#fff;display:block;font-family:Permanent Marker,serif;font-size:2.5rem;font-style:normal;font-weight:400;text-align:center;text-decoration:none;text-shadow:var(--color-secondary) 5px 5px 3px;transition:all .3s}@media (max-height:800px){.sidebar .header{display:none}.navigation,.spotify{margin-top:-4rem}}.nav-link,.nav-link:after{background-color:initial;border:1px solid #fff;color:#fff;padding:10px 50px;position:relative}.nav-link:after{--move1:inset(50% 50% 50% 50%);--move2:inset(31% 0 40% 0);--move3:inset(39% 0 15% 0);--move4:inset(45% 0 40% 0);--move5:inset(45% 0 6% 0);--move6:inset(14% 0 61% 0);bottom:0;-webkit-clip-path:var(--move1);clip-path:var(--move1);display:block;left:0;position:absolute;right:0;top:0}.nav-link--Home:after{content:"HOME"}.nav-link--About:after{content:"About"}.nav-link--Contact:after{content:"Contact"}.nav-link:hover:after{animation:glitch_4011 1s;animation-timing-function:steps(2);background-color:initial;border:3px solid #00ffd5;text-shadow:10 10px 10px #000;text-shadow:-3px -3px 0 #1df2f0,3px 3px 0 #e94be8}.nav-link:hover{background-color:initial;border:1px solid #00ffd5;box-shadow:0 10px 10px -10px #00ffd5;text-shadow:var(--color-secondary) 5px 5px 3px}@keyframes glitch_4011{0%{-webkit-clip-path:var(--move1);clip-path:var(--move1);transform:translateY(-10px)}10%{-webkit-clip-path:var(--move2);clip-path:var(--move2);transform:translate(-10px,10px)}20%{-webkit-clip-path:var(--move3);clip-path:var(--move3);transform:translate(10px)}30%{-webkit-clip-path:var(--move4);clip-path:var(--move4);transform:translate(-10px,10px)}40%{-webkit-clip-path:var(--move5);clip-path:var(--move5);transform:translate(10px,-10px)}50%{-webkit-clip-path:var(--move6);clip-path:var(--move6);transform:translate(-10px,10px)}60%{-webkit-clip-path:var(--move1);clip-path:var(--move1);transform:translate(10px,-10px)}70%{-webkit-clip-path:var(--move3);clip-path:var(--move3);transform:translate(-10px,10px)}80%{-webkit-clip-path:var(--move2);clip-path:var(--move2);transform:translate(10px,-10px)}90%{-webkit-clip-path:var(--move4);clip-path:var(--move4);transform:translate(-10px,10px)}to{-webkit-clip-path:var(--move1);clip-path:var(--move1);transform:translate(0)}}.home{display:flex;flex-direction:column;padding-bottom:2rem;padding-top:2rem}.about{margin-top:2rem}.about__content{padding:2rem}.about__content p{text-indent:2rem}.about__content p:not(:last-child){margin-bottom:1rem}.social-btn__container{flex-direction:column;gap:1rem}.social-btn,.social-btn__container{align-items:center;display:flex;justify-content:center}.social-btn{border-radius:1rem;font-family:sans-serif;font-size:1.75rem;gap:.5rem;line-height:2rem;max-height:2rem;padding:1rem .5rem;position:relative;text-align:center;text-decoration:none;transition:all .5s ease-in-out;width:12rem}.social-btn:hover{transform:translateY(-2px)}.social-btn:active{transform:translateY(1px)}.social-btn--icon img{max-height:2rem}.social-btn .social-btn--icon{align-items:center;display:flex;height:40px;justify-content:center;position:absolute;transform:translateX(-55px);transition:all .5s;width:70px}.social-btn .social-btn--text{transform:translateX(25px)}.social-btn:hover .social-btn--icon{width:55px}.social-btn:hover .social-btn--text{opacity:0;transition:all .5s}.social-btn:focus{outline:none}.social-btn:hover .social-btn--icon{transform:scale(1)}.social-btn--TikTok{background-color:#000;box-shadow:inset 0 0 5px #fff,inset 0 0 5px #ffffff4d;color:#fff}.social-btn--YouTube{background-color:#fff;border:1px solid #000;box-shadow:inset 0 0 10px #000,inset 0 0 5px #ffffff4d;color:#000;font-family:Funnel Display,serif}.social-btn--Archidekt{background-color:#000;box-shadow:inset 0 0 5px #fff,inset 0 0 5px #ffffff4d;color:#fff}.social-btn--BlueSky{background-color:#161e27;box-shadow:inset 0 0 10px #0000001a,inset 0 0 5px #ffffff4d;color:#fff}.social-btn--Spotify{background-color:#000;box-shadow:inset 0 0 5px #fff,inset 0 0 5px #ffffff4d;color:#fff}.social-btn--Soundcloud{background-color:#fff;box-shadow:inset 0 0 10px #000,inset 0 0 5px #ffffff4d;color:#f70;font-size:1.4rem}@media (min-width:1000px){.social-btn{width:400px}}
/*# sourceMappingURL=main.2ebf2e17.css.map*/