@import url(https://api.fontshare.com/v2/css?f[]=stardom@400&f[]=satoshi@900,700,500,300,400&display=swap);*{box-sizing:border-box;cursor:default;margin:0;padding:0}body{font-family:Satoshi,sans-serif;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:100%}header{display:flex;height:100vh;width:100%}@media screen and (max-width:800px){header{flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}}a{color:inherit;text-decoration:none}ul{list-style:none}.cover{height:100%;width:50%}@media screen and (max-width:800px){.cover{height:60vh;width:100%}}.cover .cover__banner{display:flex;height:86%;width:100%}.details{height:100%;width:50%}@media screen and (max-width:800px){.details{height:90vh;width:100%}}.details .details__assets{display:flex;height:40%;width:100%}.banner{display:flex;height:50%;width:100%}.banner .banner__attr{align-items:center;display:flex;height:100%;justify-content:center;width:14%}.banner .banner__attr .banner__attr__txt{cursor:pointer;text-transform:uppercase;-webkit-writing-mode:vertical-lr;-ms-writing-mode:tb-lr;writing-mode:vertical-lr}.banner .banner__attr .banner__attr__txt h2{cursor:pointer;font-size:15px;font-weight:500}.banner .banner__section{display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:1.4rem 1rem}.banner .banner__section .banner__serial{font-size:18px;font-weight:600}.banner .banner__section .banner__heading{font-family:Stardom,serif;font-size:4rem;font-weight:600;margin-bottom:1rem}@media screen and (max-width:800px){.banner .banner__section .banner__heading{font-size:2.6rem}}.banner .banner__section .banner__cr__attr{cursor:pointer;font-size:.8rem;font-weight:600;text-align:end;width:100%}.banner .banner__section .banner__cr__attr *{cursor:pointer}.bottom__nav{align-items:center;background-color:#0a0a0a;display:flex;height:14%;justify-content:space-between;width:100%}.bottom__nav .item{align-items:center;display:flex;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.bottom__nav .item .line{background-color:#fff;height:2px;width:4rem}.bottom__nav .item p{color:#fff;cursor:pointer;font-size:.9rem;font-weight:400;padding:0 1rem}.cover__image{background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;width:84%}.details__card{background-color:#fc9105;display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:1rem;width:40%}.details__card .details__index{align-self:flex-end;color:#fff;font-size:4rem;font-weight:800}.details__card .details__item{color:#fff;font-size:1rem;font-weight:500}nav{align-items:center;display:flex;height:10%;justify-content:space-between;padding:0 1rem;position:relative;width:100%}nav a,nav a *{cursor:pointer}nav .nav__logo{font-size:16px;font-weight:800}nav .nav__icon{align-items:center;cursor:pointer;display:flex}nav .nav__icon *{cursor:pointer}nav .nav__icon p{font-size:15px;font-weight:600;margin-right:1rem}.nav__slider{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0a0a0aa2;display:flex;flex-direction:column;height:60vh;justify-content:center;position:fixed;right:50vw;top:0;width:20vw;z-index:1000}.nav__slider *{color:#fff}.nav__slider .nav__icon{position:absolute;right:1rem;top:1rem}.nav__slider .nav__icon p{font-size:14px;font-weight:400}.nav__slider ul{align-items:center;display:flex;flex-direction:column;list-style:none}.nav__slider ul li{cursor:pointer}.nav__slider ul li:not(:last-child){margin-bottom:2rem}@media screen and (max-width:800px){.nav__slider{height:60vh;position:fixed;right:0;top:0;width:100vw}}.sidebar{height:100%;width:16%}.sidebar .search{background-color:#fc9105;height:20%;justify-content:center}.sidebar .search,.sidebar .social{align-items:center;display:flex;width:100%}.sidebar .social{flex-direction:column;height:80%;justify-content:space-evenly}.sidebar .social .social__link{cursor:pointer;font-size:1rem;font-weight:600;-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl}.thumbnail{background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;width:60%}.thumbnail *{cursor:pointer}.thumbnail .thumbnail__mask{align-items:center;background-color:#fc9105a8;display:flex;height:100%;justify-content:center;position:relative;width:100%}.thumbnail .thumbnail__mask .icon__play{left:calc(50% - 15px);position:absolute;top:calc(50% - 15px)}.thumbnail .thumbnail__mask .circle1{-webkit-animation-delay:6s;animation-delay:6s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;border:2px solid #fff;border-radius:6rem;height:12rem;width:12rem}.thumbnail .thumbnail__mask .circle1,.thumbnail .thumbnail__mask .circle2{align-items:center;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-name:fadeout;animation-name:fadeout;display:flex;justify-content:center}.thumbnail .thumbnail__mask .circle2{-webkit-animation-delay:4s;animation-delay:4s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;border:2px solid #fff;border-radius:5rem;height:10rem;width:10rem}.thumbnail .thumbnail__mask .circle3{-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;border:2px solid #fff;border-radius:4rem;height:8rem;width:8rem}.thumbnail .thumbnail__mask .circle3,.thumbnail .thumbnail__mask .circle4{align-items:center;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-name:fadeout;animation-name:fadeout;display:flex;justify-content:center}.thumbnail .thumbnail__mask .circle4{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;border:2px solid #fff;border-radius:3rem;height:6rem;width:6rem}@-webkit-keyframes fadeout{0%{opacity:0}50%{opacity:1}to{opacity:0}}@keyframes fadeout{0%{opacity:0}50%{opacity:1}to{opacity:0}}
/*# sourceMappingURL=main.099e390e.css.map*/