.header{z-index:900;box-sizing:border-box;pointer-events:none;width:100%;height:100px;padding:0 20px;transition:background .3s,box-shadow .3s,border-color .3s,height .3s,padding .3s;display:flex;position:fixed}.header.small{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#00000080;border-color:#3232321a;height:50px;padding:0;transition:background .3s,box-shadow .3s,border-color .3s,height .3s,padding .3s;box-shadow:0 2px 2px #3232324d}.header.small .iconBox{top:0}.header .logo{align-items:center;width:50px;height:100%;display:flex}.header .logo img{width:auto;height:90%}.header .menu{text-transform:uppercase;color:#ccc;justify-content:center;align-items:center;margin-left:auto;margin-right:10px;font-size:20px;display:flex}.header .menu a{text-decoration:none}.header .menu .item{pointer-events:auto;color:#ccc;margin-right:20px;text-decoration:none;transition:all .5s}.header .menu .item:hover{color:#eee;cursor:pointer;font-size:21px}.header .iconBox{pointer-events:auto;transition:top .3s;display:none}.header .hamburgermenu{pointer-events:auto;display:none}@media screen and (max-width:750px){.header{width:100%}.header .menu{display:none}.header .iconBox{z-index:901;fill:#fff;width:20px;height:50px;margin-right:30px;display:block;position:absolute;top:20px;right:10px}.header .iconBox.close{transform:rotate(45deg)}.header .hamburgermenu{box-sizing:border-box;background:#00000080;flex-direction:column;height:100vh;margin-top:0;padding-top:50px;display:flex;position:absolute;right:0}.header .hamburgermenu a{text-decoration:none}.header .hamburgermenu .item{box-sizing:border-box;text-align:right;text-transform:uppercase;color:#ccc;width:100%;padding:20px 32px 20px 20px;font-size:1.3rem;text-decoration:none;transition:all .5s}}@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))){.hamburgermenu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}}
.stardiscography{pointer-events:auto;color:#aaa;width:100%;height:60vh;margin-top:50px;font-size:.8rem;display:flex;position:relative}.stardiscography .sdEntry{pointer-events:auto;flex-direction:column-reverse;align-items:center;height:auto;font-size:0;display:inline-flex;position:absolute;transform:translate(-50%,-50%)}.stardiscography .sdEntry .starContainer{pointer-events:none;justify-content:center;align-items:center;width:max-content;height:max-content;display:inline-flex;position:relative}.stardiscography .sdEntry .starContainer .star{filter:blur(.5px);z-index:2;pointer-events:none;background:#fff;border-radius:50%;transition:transform .15s,box-shadow .15s,filter .15s;display:inline-block;position:relative;overflow:visible}.stardiscography .sdEntry .starContainer .star:before{content:"";background:inherit;filter:blur(3px);z-index:1;pointer-events:none;opacity:.92;border-radius:50%;width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.stardiscography .sdEntry .starContainer .star.blue{background:radial-gradient(circle,#fff 30%,#84afd4 70%,#84afd400 100%)}.stardiscography .sdEntry .starContainer .star.orange{background:radial-gradient(circle,#fff 30%,#d79c68 70%,#d79c6800 100%)}.stardiscography .sdEntry .starContainer .star.white{background:radial-gradient(circle,#fff 20%,#d6e9fe 60%,#d6e9fe00 100%)}.stardiscography .sdEntry .starContainer .star.blur{filter:blur(1.2px)}.stardiscography .sdEntry .starContainer .circle{pointer-events:none;z-index:0;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.stardiscography .sdEntry .starContainer .circle svg{color:#fff6;width:21px;height:21px;animation:4s linear infinite spin;display:block}.stardiscography .sdEntry a{color:inherit;pointer-events:auto;text-decoration:none}.stardiscography .sdEntry .labelbox{pointer-events:auto;white-space:nowrap;margin-bottom:15px;font-size:.8rem;display:flex;position:relative;top:auto;left:auto;transform:none}.stardiscography .sdEntry .labelbox .label{color:#ffffff78;pointer-events:auto;background:#0000001a;border:1px solid #ffffff1a;border-radius:5px;padding:5px;transition:all .18s}.stardiscography .sdEntry .labelbox .latest{white-space:nowrap;color:#ff0;background:#0000001a;border:1px solid #d9ff0056;border-radius:5px;padding:5px;font-size:.6rem}.stardiscography .sdEntry .labelbox:after{content:"";pointer-events:none;background:#ffffff7a;width:1px;height:7px;position:absolute;top:100%;left:50%;transform:translate(-50%)}.stardiscography .sdEntry:hover .circle svg{color:#fff9}.stardiscography .sdEntry:hover .labelbox .label{color:#fff;border-color:#ffffff73}.react-tooltip-content{z-index:1000;padding:0}.react-tooltip-content img{max-width:100px;max-height:100px;display:block}@keyframes spin{to{transform:rotate(360deg)}}
.hero{color:#ccc;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:relative}.hero .skyimage{z-index:0;pointer-events:none;background-image:url(../media/sky3-min.69c82eb6.webp);background-position:bottom;background-size:cover;width:100vw;max-width:100%;height:100vh;position:absolute;inset:0!important}@supports not (background-image:url("./images/sky3-min.webp")){.hero .skyimage{background-image:url(../media/sky3-min.a49554b3.png)}}.hero .hillimage{z-index:3;pointer-events:none;background-image:url(../media/hill_2-min.7735535a.webp);background-position:bottom;background-size:cover;width:100vw;max-width:100%;height:100vh;position:absolute}@supports not (background-image:url("./images/hill_2-min.webp")){.hero .hillimage{background-image:url(../media/hill_2-min.7873d4f3.png)}}.hero .row{pointer-events:none;z-index:1;flex-direction:row;justify-content:center;align-items:flex-start;width:100%;display:flex}.hero .row.bottom{z-index:4;pointer-events:none;flex-direction:column;flex-grow:0;justify-content:flex-end;align-items:center;width:100%;margin-top:auto;margin-bottom:3vh;display:flex}.hero .row.bottom .guide{flex-direction:row;justify-content:center;align-items:center;gap:100px;width:50%;display:flex}.hero .row.bottom svg{width:auto;margin:0}.hero .row.bottom .selectStar{perspective:900px;transform-style:preserve-3d;transform-origin:bottom;z-index:5;justify-content:center;align-items:center;display:flex}.hero .row.bottom .selectStar svg{backface-visibility:hidden;transform-origin:bottom;height:4vh;margin:0;animation:1.2s ease-in-out infinite alternate selectstar;display:block}.hero .row.bottom .scrollDown{align-items:center;display:flex}.hero .row.bottom .scrollDown svg{height:2vh;margin-top:10px;animation:1s infinite alternate scrolldown}.hero .leftContainer{z-index:1;flex:1;justify-content:center;align-items:center;height:100%;margin-top:-100px;display:flex}.hero .leftContainer img{width:50%;height:auto}.hero .rightContainer{z-index:1;flex-direction:column;flex:1;justify-content:center;align-items:center;height:100%;margin-top:-100px;display:flex}.hero .rightContainer .newest{flex-direction:column;justify-content:center;align-items:center;display:flex}.hero .rightContainer .newest a{pointer-events:auto;justify-content:center;display:flex}.hero .rightContainer .newest a img{width:75%;height:auto}.hero .rightContainer .newest h1{color:#fff;margin:10px;font-size:2rem;font-weight:400}.hero .rightContainer .newest h2{margin:10px;font-size:1.5rem;font-weight:400}.hero .rightContainer .newest h3{margin:10px;font-size:1.1rem;font-weight:400}.hero .rightContainer .newest a{text-decoration:none}.hero .rightContainer .newest a .cta{text-align:center;text-transform:uppercase;color:#fff;cursor:pointer;border:3px solid #ccc;border-radius:15px;width:140px;margin:20px 0 0;padding:15px;font-size:1.2rem;transition:opacity 1s,all .5s}.hero .rightContainer .newest a .cta:hover,.hero .rightContainer .newest a .cta:active{background:#fff3}@keyframes scrolldown{0%{transform:translateY(0)}to{transform:translateY(-10px)}}@keyframes selectstar{0%{transform:rotateX(0)translateZ(0)}to{transform:rotateX(25deg)translateZ(10px)scale(.9)}}@media screen and (max-width:750px){.hero{box-sizing:border-box;justify-content:flex-start}.hero .row{flex-direction:column;align-items:center;margin-top:50px}.hero .row.bottom{margin-bottom:8vh}.hero .row.bottom .guide{width:100%}.hero .row .leftContainer{display:none}.hero .row .leftContainer img{width:auto;height:20vh}.hero .row .rightContainer .newest img{width:auto;height:25vh;margin-top:10px}.hero .row .rightContainer .newest h1{margin:0;font-size:1.2rem}.hero .row .rightContainer .newest h2{margin:0;font-size:1rem}.hero .row .rightContainer .newest h3{margin:0;font-size:.9rem}}
