@font-face{font-family:MyFont;src:url(/fonts/font.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@media (min-width:640px){.bg-navbar{background-image:url(/images/navbar7.jpg)}}.navbar{flex-flow:column wrap;justify-content:center;align-items:center;max-width:100%;display:flex;position:relative;overflow:hidden;box-shadow:0 .25em .375em #0000001a}@media (min-width:40em){.navbar{background-position:50% 65%;background-size:cover;background-attachment:fixed}.navbar-content-end{flex-direction:column;flex-basis:auto;align-items:center;display:flex}.navbar{flex-direction:column;align-items:center;min-height:22.5em;display:flex;position:relative}}.navbar-bg-image{z-index:-1;width:100vw;position:absolute}.navbar:before{content:"";z-index:0;pointer-events:none;background-color:#00000080;position:absolute;inset:0}.navbar-content-end{z-index:10;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.navbar-brand{align-items:center;gap:.75em;max-width:fit-content;display:flex}.logo{color:#fff;filter:drop-shadow(0 0 .3125em #8affd3cc)}.brand-text{color:#fff;letter-spacing:.05em;-webkit-user-select:none;user-select:none;font-size:1.125em;font-weight:800}.nav-items{background-color:#0009;border-radius:.5em;justify-content:flex-start;gap:1.5em;margin-left:1em;padding:1em 1.5em;display:none}@media (min-width:625px){.nav-items{display:flex}}.nav-item-link{color:#fff;font-size:.85em;font-weight:500;text-decoration:none;transition:color .3s ease-in-out}.nav:hover .nav-item-link{color:gray;font-weight:500}.nav-item-link:hover,.nav-item-link[data-active=true]{background:linear-gradient(90deg,#5ea2ef,#0072f5);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:600}.navbar-menu{z-index:10;position:relative}.menu-nav-items{flex-direction:column;gap:.5em;margin:.5em 1em 0;display:flex}.menu-link-foreground{color:#b4f1c0}.menu-link-primary{color:#3b82f6}.menu-link-danger{color:#ef4444}.navbar-produced-by-row{color:#a8ffdb;text-align:center;z-index:10;width:100%;margin-top:1em;font-size:.9em;position:relative}.navbar-info-by{color:#bd39bd}.navbar-info-text{color:#d1d5db;text-align:left;width:60%;max-width:100%;padding-left:1em;font-size:clamp(.75em,2vw,2em);font-weight:600;position:relative}.navbar-info-author{color:#d1d5db;text-align:right;padding-right:clamp(1em,20vw,10em);display:block}@media (max-width:37.5em){.navbar-info-text{box-sizing:border-box;text-align:right;width:100%;max-width:100%;margin-top:.5em;padding-bottom:.5em;padding-right:2.5em;font-size:1.2em}.navbar-info-author{word-break:break-word;padding-right:.005em;font-size:1.2em}.navbar{box-sizing:border-box;width:100%;padding-top:1em}.heroui-navbar-menu{background:#141414fa;flex-direction:column;justify-content:flex-start;display:flex;top:0;left:0;overflow-y:auto;z-index:9999!important;width:100vw!important;height:100vh!important;position:fixed!important}.navbar{z-index:10000;width:100vw;padding-top:0;position:fixed;top:0;left:0}body{padding-top:4.375em}.navbar-visible{transition:top .3s;top:0}.navbar-hidden{transition:top .3s;top:-7.5em}}.hamburger-overlay{z-index:10999;width:100%;height:4.25rem;position:fixed;top:0;left:0}.stoenmusicText{padding-top:1.3rem;padding-left:1.3rem;font-family:EncodeSansExpanded,sans-serif;font-size:1.9rem;line-height:1}@media (max-width:37em){.stoenmusicText{padding-top:1.55rem;padding-left:1.1rem;font-family:EncodeSansExpanded,sans-serif;font-size:1.5rem;line-height:.8}}.hamburger-overlay a{width:auto;text-decoration:none;display:inline-block}@media (min-width:640px) and (max-width:1025px){.navbar{background-position:50% -185px;justify-content:center;min-height:20em;padding-top:2em}}@media (min-width:830px) and (max-width:1025px) and (min-height:1300px){.navbar{background-position:50% -340px}}@media (min-width:800px) and (max-width:830px){.navbar{background-position:50% -280px}}@media (min-width:625px) and (max-width:640px){.navbar-content-end{display:none}}@media (min-width:40em) and (min-height:500px) and (max-height:900px){.navbar{background-size:cover;background-attachment:fixed}}@media (min-width:40em) and (max-height:500px){.navbar{background-position:50% -60px;background-size:cover;background-attachment:fixed}}@media (min-width:1200px) and (max-width:1400px) and (max-height:1025px){.navbar{background-position:50% -140px;background-size:cover;background-attachment:fixed}}@media (min-width:40em) and (max-width:1025px) and (max-height:800px){.navbar{background-position:50% -60px;background-size:cover;background-attachment:fixed}}@media (min-width:1025px) and (max-width:1200px) and (max-height:1050px) and (min-height:800px){.navbar{background-position:50% -90px;background-size:cover;background-attachment:fixed}}@media (min-width:600px) and (max-width:800px) and (max-height:650px) and (min-height:250px){.navbar{background-position:50% 35px;background-size:cover;background-attachment:fixed}}@media (min-width:640px) and (max-width:1000px) and (max-height:900px) and (min-height:700px){.navbar{background-position:50% -80px;background-size:cover;background-attachment:fixed}}@media (min-width:2300px) and (max-width:3000px) and (min-height:1300px) and (max-height:1700px){.navbar{background-position:50% -535px;background-size:cover;background-attachment:fixed}}@media (min-width:2300px) and (max-width:3000px) and (min-height:1200px) and (max-height:1800px){.navbar{background-position:50% -535px;background-size:cover;background-attachment:fixed}}@media (min-width:1025px) and (max-width:2300px) and (min-height:1025px) and (max-height:1700px){.navbar{background-position:50% -340px;background-size:cover;background-attachment:fixed}}@media (min-width:625px) and (max-width:800px) and (min-height:1025px) and (max-height:1700px){.navbar{background-position:50% -340px;background-size:cover;background-attachment:fixed}}@media (min-width:3200px) and (max-width:3600px) and (min-height:1225px) and (max-height:1500px){.navbar{background-position:50% -810px;background-size:cover;background-attachment:fixed}}@media (min-width:3600px) and (max-width:4000px) and (min-height:1500px) and (max-height:1800px){.navbar{background-position:50% -57em;background-size:cover;background-attachment:fixed}}@media (min-width:4600px) and (max-width:5400px) and (min-height:1800px) and (max-height:2400px){.navbar{background-position:50% -82.5em;background-size:cover;background-attachment:fixed}}@media (min-width:2300px) and (max-width:2700px) and (min-height:1200px) and (max-height:1500px){.navbar{background-position:50% -26.5em;background-size:cover;background-attachment:fixed}}@media (min-width:1300px) and (max-width:1600px) and (min-height:850px) and (max-height:1100px){.navbar{background-position:50% -9.5em;background-size:cover;background-attachment:fixed}}
.footer{flex-flow:wrap;justify-content:space-evenly;max-width:100%;display:flex}@media (max-width:768px){.footer{text-align:center;flex-direction:column;justify-content:space-between;gap:3rem;display:flex}.socials{justify-content:center}}.footer-title{font-family:EncodeSansExpanded,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;font-size:1.45rem;font-weight:700}.footer-title2{font-family:EncodeSansExpanded,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;font-size:.77rem;font-weight:700}.footer-text{color:#e1ddda;font-family:EncodeSansExpanded,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;font-size:.725rem;font-weight:400}.socials{flex-flow:row;gap:10px;padding-top:4.5px;display:flex}@media (min-width:1050px){.socials{justify-content:flex-start}}.social-link{color:#fff;scale:.9}.social-link:hover{transform:scale(1.15)}