*{cursor:grab;margin:0;padding:0}:active{cursor:grabbing}html,body{z-index:0;font-family:"Modern No. 20",sans-serif;font-weight:100;display:grid;overflow:hidden}header{cursor:auto;z-index:2;pointer-events:none;justify-content:space-between;align-items:center;height:fit-content;margin:1.5% 1.5% 0%;display:flex}.logo{width:100px;height:100px}.logo img{pointer-events:auto;cursor:pointer;width:100px;height:100px}.menu{cursor:auto}.button{z-index:2;pointer-events:auto;background-color:#fff;border:none;border-radius:16px;margin:0 5px;padding:5px 16px;font-family:"Modern No. 20",sans-serif;font-size:18px;transition:all .2s ease-in-out}button:hover{cursor:pointer;background-color:#dedede;transition:all .2s ease-in-out}@media (width<=1000px){header{align-items:center;height:100px;margin:2% 5% 0%}.logo{width:fit-content;height:fit-content}.logo img{width:75px;height:75px}}#hero{z-index:2;pointer-events:none;justify-content:end;display:flex}.hero{color:#fff;z-index:2;pointer-events:none;width:fit-content;height:300px;margin:1.5%}.hero h1{text-align:end;pointer-events:auto;cursor:auto;font-size:25px}.hero a{color:#fff}@media (width<=1000px){.hero{margin:2% 5%}.hero h1{font-size:16px}}#footer{z-index:2;color:#fff;pointer-events:none;justify-content:space-between;align-items:end;width:97%;margin:1.5%;display:flex;position:fixed;bottom:0}#musicPlayer{pointer-events:auto;cursor:auto;z-index:3;align-items:center;display:flex}#musicPlayer:hover{cursor:auto}.mediaButtons button{pointer-events:auto;background-color:#fff;border:none;border-radius:16px;height:fit-content;margin:5px;padding:5px 12px;transition:all .2s ease-in-out}#playButton{width:55px;height:45px;padding:0%}#playButton img{width:20px;height:20px}.mediaButtons button img{cursor:pointer}.mediaButtons button:hover{cursor:pointer;background-color:#dedede;transition:all .2s ease-in-out}#playButton{border-radius:20px;padding:10px 15px}#currentlyPlayingText{margin:0 30px;font-size:12px}#title{font-size:25px}@media (width<=1000px){#footer{width:max-content;margin-bottom:5%;margin-left:5%}#musicPlayer{justify-content:space-between;width:100%}.mediaButtons{width:fit-content}.mediaButtons button{margin:0}#currentlyPlayingText{justify-content:flex-start;width:220px;margin:0 0 0 15px;display:grid}#title{font-size:16px}#footerText{display:none}}#aboutPage{z-index:2;pointer-events:none;justify-content:flex-end;display:flex}.aboutHero{z-index:2;pointer-events:auto;width:33vw;display:grid}.slider{scrollbar-width:none;gap:1rem;width:100%;display:flex;overflow-x:auto}.slider::-webkit-scrollbar{display:none}.slider img{scroll-snap-align:start;-webkit-user-drag:none;border-radius:42px;width:80%;height:100%}.aboutText{color:#fff;text-align:end;margin-top:35px;margin-right:4%;font-size:12px}.aboutText a{color:#fff}@media (width<=1500px){.aboutText{font-size:10px}}@media (width<=1000px){#aboutPage{margin:0% 5%}.aboutHero{flex-direction:column-reverse;width:90vw;margin-top:0%;display:flex}.slider{margin-top:10px}.slider img{border-radius:25px;height:150px}.aboutText{width:100%;margin-top:0%;padding-top:0%;font-size:8px}.hideOnMobile{display:none}}.contactPage{z-index:2;pointer-events:none;justify-content:flex-end;margin:0% 1.5%;display:flex}.contactHero{pointer-events:auto}.contactHero:hover{cursor:auto}.contactText{color:#fff;text-align:end;font-size:12px}.contactText h1{cursor:auto}.contactText a{color:#fff;cursor:auto}.contact-form{flex-direction:column;gap:1rem;max-width:500px;margin-top:35px;display:flex}.contact-form:hover{cursor:auto}.field{flex-direction:column;gap:.25rem;display:flex}.field label{color:#fff;cursor:auto;font-family:"Modern No. 20",sans-serif;font-size:16px}.contact-form input,.contact-form textarea{font:"Modern No. 20", sans-serif;cursor:auto;border:1px solid #ccc;border-radius:4px;padding:.5rem}.contact-form button{cursor:pointer;width:fit-content;padding:.6rem 1.2rem}@media (width<=1000px){.contactPage{margin:0% 5%}.contactHero{width:100%}.contactText{font-size:8px}.contact-form{display:none}}.webgl{z-index:1;outline:none;position:fixed;top:0;left:0}