@font-face{font-family:LeagueSpartan;src:url(LeagueSpartan-VF.woff2)format(woff2),url(LeagueSpartan-VF.woff)format(woff);font-display:swap;font-weight:100 900}
*{font-family:LeagueSpartan}
:root{--testfgcolour:#ffbe6f;--testbgcolour:#2f1200}
header{padding:min(3%,21px);display:flex;margin-bottom:21px;z-index:1;}
header img, header svg,header a{margin-inline:auto;max-width:220px;width:45vw}
body{background:#001d10}
.noscroll{overflow:hidden}
ul{padding:0}
body, h2,p,ul,li{margin:0}
h2{font-weight:700;font-size:3.5rem;font-size:clamp(2.5rem, 1rem + 3vw, 4.25rem);white-space:pre-line;line-height:1.1}
main{padding:16px 16px 24px;background:#001d10;color:#fff;border-radius:48px 48px 0 0}
article{max-width:960px;margin:21px auto}
article p{margin-bottom:16px;text-indent:.75rem;font-size:clamp(1.3rem,3vw,1.3rem)}
h1{font-size:clamp(2.5rem, 1rem + 3vw, 3.5rem);margin:32px 0 18px;line-height:1}
.hero_image_container{max-width:100%;width:100%;height:280px;border-radius:24px;overflow:hidden}
.hero_image_container img{width:100%;position:relative;top:-50%}
p{font-size:clamp(1.2rem,3vw,1.4rem);
  line-height:1.8rem;opacity:.9}
p a{text-decoration:underline;text-decoration-thickness:2px;padding:7px 5px 5px;margin:0 -5px;border-radius:8px}
p a:hover{background:#fff;color:#000}
.split{height:75vh;display:flex;padding:min(8vh,56px) 16px 0;box-sizing:border-box;flex-flow:row wrap;align-content:stretch;justify-content:space-evenly;color:#fff;overflow:hidden;gap:64px}
.landing{padding:min(4vh,56px) 16px 0;height:80vh;background:radial-gradient(124% 64% at 50% 112%, lab(74.10 -56.07 15.97) 0%, lab(8.27 -13.83 5.12) 100%);}
.landing .split_container{margin-top:-90px;}
.split_container{padding:0 12px;align-self:center;display:flex;flex-flow:column;row-gap:36px}
.text_container{display:flex;flex-flow:column nowrap;gap:12px;white-space:pre-line;max-width:580px}
a,button{text-decoration:none;color:inherit;}
.exit_button{background:#00ff9340;padding:14px;border-radius:25px;height:42px;width:42px;border:0}
dialog{background:#00180E;padding:16px 16px 32px;border:14px solid #00ff9380;border-radius:32px;color:#00ff93;max-width:620px;}
dialog ul{text-align:left;padding:16px 24px 21px 32px;font-size:clamp(1.2rem,3vw,1.3rem);line-height:1.5rem;width:fit-content;margin-inline:auto;background:#00ff9330;border-radius:14px;}
dialog ul>*{margin-bottom:6px;}
dialog::backdrop{background:#000000aa;}
:popover-open + #loading-blocker{display:block !important;}
#loading-blocker{position:fixed;width:100vw;height:100vh;z-index:9999;display:none;left:0;top:0;background:transparent;pointer-events:all;}
.button{display:flex;align-items:center;border-radius:100px;width:fit-content}
.small{font-size:1.25rem;column-gap:18px}
.right{padding:14px 21px 12px 28px;}
.left{padding:14px 21px 12px 21px;}
.big{font-size:x-large;padding:32px 36px 28px 46px;column-gap:24px}
.linkbox{display:flex;border:
  2px solid #fffa;border-bottom-width:3px;border-radius:28px;max-width:640px;padding:3px;align-items:center;flex-flow:row wrap;gap:14px;}
.linkbox:hover{background:#ffffff42;}
.image_container{height:275px;overflow:hidden;border-radius:23px;width:100%;}
.image_container img{width:100%}
  .linkbox .text{padding:0 18px 16px;}
h3{font-size:1.55rem;line-height:1.25;margin:0;}
.light {border-color:#fffa !important;color:#fff;fill:#fff;background:#00180e}
.dark {border-color:#00180eaa !important;color:#00180e;fill:#00180e;background:#fff}
.green{border-color:#00ff93aa !important;color:#00180e;fill:#00180e;background:#00ff93}
.green:hover{opacity:.85;}
a .icon,button .icon{margin-bottom:4px;}
.light:hover{border-color:#fff;background:#fff !important;color:#00180e;fill:#00180e}
.dark:hover{border-color:#00180e;background:#00180e !important;color:#fff;fill:#fff}
button:hover{cursor:pointer;}
a:active,button:active{scale:.97}
.border_button{border:2px solid currentColor;background:none;}
.fill_button{border:none;}
.section{background:inherit;padding:min(12%,64px) 0 min(18%,86px);color:#00180e;display:flex;flex-flow:column;align-items:center;text-align:center;height:90vh;justify-content:space-around;}
.section .text_container {padding:0 min(4%,26px);}
.carousel{display:flex;flex-flow:row nowrap;list-style:none;max-width:100%;overflow-x:hidden;mask:linear-gradient(90deg, #00ff9300 0%, #00ff93 10%, #00ff93 90%, #00ff9300 100%)}
.carousel_group {display:flex;padding-inline:max(2vw,16px);gap:max(4vw,32px);will-change:transform;animation:scrolling 20s linear infinite;list-style:none;align-items:center}
.feature_card{display:flex;flex-flow:column nowrap;align-items:center;row-gap:8px;}
.feature_card img{border:8px solid;box-sizing:border-box;border-radius:14px;/*height:100%;*/max-width:480px;}
.feature_card p{font-size:1.1rem;opacity:.85}
.home_footer_theme{
--footerBackground:#00180e;
--footerForeground:#00ff93;
}
.design_footer_theme{
  --footerBackground:#160900;
  --footerForeground:#ffbe24;
}
footer {
  min-height:50vh;
  padding:100px 24px 48px;
  background:var(--footerBackground);
  color:var(--footerForeground);
  fill:var(--footerForeground);
  display:flex;
  flex-flow:column nowrap;
  align-items:center;
  justify-content:space-between;
  gap:24px;
}
footer p{font-size:clamp(1.2rem,3vw,1.3rem);}
footer .border_button{border-color:hsl(from var(--footerForeground) h s l / .66)}
footer .border_button:hover{background:var(--footerForeground);color:#00180e;border-color:var(--footerForeground)}
hr{border:none;height:1px;background:hsl(from var(--footerForeground) h s l / .32);width:100%;margin-bottom:32px;}
.notice {
  max-width:1080px;
  width:100%;
  display:flex;
  padding:35px 52px;
  background:hsl(from var(--footerForeground) h s l / .15);
  border-radius:85px;
  column-gap:48px;
  row-gap:18px;
  box-sizing:border-box;
  align-items:center;
  flex-flow:row wrap;
}
.notice div{
  max-width:820px;
  display:flex;
  flex-flow:column nowrap;
  gap:8px;
}
input{width:56px;height:56px;appearance:none;border:7px solid #ffffff7a;padding:0;border-radius:38px;background:0;overflow:hidden;cursor:pointer;}
input::-moz-color-swatch{border:0;height:100%;width:100%}
input::-webkit-color-swatch-wrapper{padding:0;height:100%;width:100%}
input::-webkit-color-swatch{border:0;height:100%;width:100%}

  .get_themify{justify-content:center;
  gap:52px;height:75vh;background:url(music.png) top 25% left 15%/150px no-repeat, url(guy.png) bottom 10% left 10%/240px no-repeat, url(guy2.png) top 15% right 20%/240px no-repeat, url(ipod2.png) bottom 5% right 15%/240px no-repeat;padding-bottom:0;}

 @keyframes scrolling {
    0% {
      transform:translateX(0);
    }
    100% {
      transform:translateX(-100%);
    }
  }
    .carousel {
    /* ... */
    &:hover .carousel_group {
      animation-play-state:paused;
    }
  }
  	/*row-gap:min(2%,18px);*/
@media screen and (width <= 1280px) {
  .split,.section{height:unset !important;}
  .section{row-gap:32px;}
  .notice{padding:32px 24px;border-radius:42px;}
  footer{padding:56px 18px 48px;gap:48px;}
    .get_themify{gap:28px;background:url(music.png) top 12% left 15%/95px no-repeat, url(guy.png) bottom 5% left 10%/175px no-repeat, url(guy2.png) top 8% right 15%/175px no-repeat, url(ipod2.png) bottom 3% right 8%/150px no-repeat;padding:240px 0 275px;}
  .get_themify h2{font-size:3rem;}
  .landing .split_container{margin-top:0;}
  }
@media screen and (width <= 480px) {
    .text h3{font-size:1.4rem;line-height:1.3}
  .split_container{width:100%;box-sizing:border-box;}
  .feature_card img{max-height:240px;}
  article{margin-top:0;}
  main{border-radius:40px 40px 0 0}
  dialog{border-width:8px;margin-inline:16px;}
  }