*{border:none;box-sizing:border-box;list-style:none;margin:0;padding:0;position:relative;text-decoration:none}html{scroll-behavior:smooth}a{display:block;text-align:center}img{height:auto;width:100%}:root{--theme-black:#000;--theme-white:#fff;--theme-soft-color:#eaedd8;--theme-medium-color:#989c79;--theme-dark-color:#3a3d28;--theme-box-shadow:#280b16;font-family:Simonetta,sans-serif;font-size:18px}#site-wrapper{background:var(--theme-black)}#navbar{align-items:center;background:var(--theme-dark-color);box-shadow:0 1px 14px var(--theme-box-shadow);display:flex;height:60px;justify-content:space-between;left:0;padding-left:8px;padding-right:8px;position:fixed;top:0;width:100%;z-index:60}#site-title{color:var(--theme-white);z-index:61}#burger-btn{background:var(--theme-white);border:1px solid var(--theme-dark-color);border-radius:2rem;color:var(--theme-dark-color);cursor:pointer;height:40px;transition:transform .32s;width:40px;z-index:62}#burger-btn:active{transform:scale(.9)}#nav-list{background:var(--theme-black);background-image:url(images/sg1-gate.jpg);background-position:50%;background-repeat:no-repeat;display:flex;flex-flow:column wrap;height:100vh;justify-content:center;max-width:400px;transform:translateX(-1000px);transition:transform .22s;width:100%;z-index:60}#nav-list,#nav-list:before{left:0;position:absolute;top:0}#nav-list:before{background:rgba(0,0,0,.6);content:""}#nav-list>li{transform:translateY(-1000px)}#nav-list>li:first-child{transition:transform .4s ease-out .3s}#nav-list>li:nth-child(2){transition:transform .4s ease-out .15s}#nav-list>li:nth-child(3){transition:transform .4s ease-out}.nav-link{background:var(--theme-soft-color);border:2px solid var(--theme-black);border-radius:6px;color:var(--theme-dark-color);font-size:1.4rem;font-weight:700;margin:16px auto 0;max-width:220px;padding:12px 8px;transition:transform .22s;width:94%}.nav-link:active{transform:scale(.9)}#nav-list.active{transform:translateX(0)}#nav-list.active:before{height:100vh;width:100vw}#nav-list.active>li:first-child,#nav-list.active>li:nth-child(2),#nav-list.active>li:nth-child(3){transform:translateY(0)}#hero{background:var(--theme-black);margin-top:60px}#hero>picture{display:block;height:auto;max-height:calc(100vh - 60px);width:100%}#cta-wrapper{bottom:-64px;position:absolute;text-align:center;width:100%;z-index:26}.cta-link-wrap{margin:0 auto;max-width:320px;padding:52px 0;width:100%}.cta-link-wrap:before{background:var(--theme-black);border:2px solid var(--theme-soft-color);border-radius:10px;content:"";height:100%;left:0;opacity:.8;position:absolute;top:0;width:100%}.cta-link{background:var(--theme-soft-color);border-radius:8px;color:var(--theme-black);font-size:1.6rem;font-weight:700;margin:0 auto;max-width:200px;padding:16px 8px}.cta-link:before{border-right:2px solid var(--theme-soft-color);border-top:2px solid var(--theme-soft-color);border-top-right-radius:8px;right:-8px;top:-8px}.cta-link:after,.cta-link:before{content:"";height:50%;position:absolute;transition:transform .2s;width:100%}.cta-link:after{border-bottom:2px solid var(--theme-soft-color);border-bottom-left-radius:8px;border-left:2px solid var(--theme-soft-color);bottom:-8px;left:-8px}.cta-link:hover:before{transform:translate(6px,-6px)}.cta-link:hover:after{transform:translate(-6px,6px)}.cta-link:active{box-shadow:0 0 8px var(--theme-box-shadow) inset}#about{background:var(--theme-soft-color);padding:120px 8px 64px}.about-title{margin-bottom:20px;text-align:center}#about>p{font-size:1.2rem;letter-spacing:1px;line-height:30px;margin:0 auto;max-width:768px;padding:8px}#characters{background:var(--theme-medium-color);padding:64px 8px}#characters header>h2{margin-bottom:32px;text-align:center}.cards-wrapper{display:flex;flex-flow:column wrap;margin:0 auto;max-width:800px}.tile-scene{border-radius:10px;height:400px;margin:28px auto;perspective:600px;width:94%}.tile-card{height:calc(100% - 62px);transform-style:preserve-3d;transition:transform 1s;width:100%;z-index:24}.tile-card__face{backface-visibility:hidden;background:var(--theme-black);border:2px solid var(--theme-soft-color);border-top-left-radius:10px;border-top-right-radius:10px;height:100%;overflow:hidden;position:absolute;width:100%}.tile-card__face--front{display:flex;flex-flow:column wrap;justify-content:start}.tile-card__face--front img{background:var(--theme-black)}.tile-card__face--front h3{color:var(--theme-soft-color);padding:12px 0;text-align:center}.tile-card__face--back{background:var(--theme-soft-color);overflow-y:scroll;padding:12px 8px;transform:rotateY(180deg)}.tile-card__face--back::-webkit-scrollbar{width:8px}.tile-card__face--back::-webkit-scrollbar-track{background:var(--theme-dark-color);border-radius:4px}.tile-card__face--back::-webkit-scrollbar-thumb{background:var(--theme-medium-color);border:1px solid var(--theme-dark-color);border-radius:4px}.tile-card__face--back::-webkit-scrollbar-thumb:hover{background:var(--theme-soft-color)}.tile-card__list{display:flex;flex-flow:column nowrap}.tile-card__list li{font-size:1.2rem;letter-spacing:1px;line-height:30px;width:100%}.read-more{background:var(--theme-soft-color);border-bottom-left-radius:10px;border-bottom-right-radius:10px;border-top:4px solid var(--theme-dark-color);cursor:pointer;display:block;font-size:1.2rem;padding:16px 8px;transition:transform 234ms;width:100%}.read-more:hover{transform:translateY(4px)}.read-more:active{transform:translateY(4px) scale(.9)}.read-more:before{box-shadow:1px 2px 14px var(--theme-box-shadow);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.rotate-card{transform:rotateY(180deg)}#vehicles{background:var(--theme-soft-color);padding:64px 8px}#vehicles header>h2{margin-bottom:32px;text-align:center}.vehicles-carousel{display:flex;height:280px;margin:auto;max-width:1000px;overflow:hidden;text-align:center}.vehicles-slide{animation-duration:.4s;animation-fill-mode:forwards;animation-timing-function:ease-out;height:100%;position:absolute;transform:translateX(-100vw);width:100%}.vehicles-slide:first-child{transform:translateX(0)}.vehicles-slide-inner{align-items:center;display:flex;height:100%;justify-content:center}@keyframes hideSlideRight{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100vw)}}@keyframes slideFromRight{0%{opacity:1;transform:translateX(100vw)}to{opacity:1;transform:translateX(0)}}@keyframes hideSlideLeft{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100vw)}}@keyframes slideFromLeft{0%{opacity:1;transform:translateX(-100vw)}to{opacity:1;transform:translateX(0)}}.vehicles-slide__img{display:block;margin:auto;max-width:520px}.vehicles-slide__caption{bottom:0;position:absolute;width:100%}.vehicles-slide__caption>span{background:rgba(0,0,0,.8);color:var(--theme-white);display:block;font-size:1.2rem;margin:auto;padding:8px;text-align:center;width:200px}.vehicles-slide__btns{background:rgba(0,0,0,.8);color:var(--theme-white);cursor:pointer;font-size:1.4rem;font-weight:700;padding:12px;position:absolute;top:50%;transition:.4s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:auto}.vehicles-slide__btns:hover{transform:scale(1.1)}.vehicles-slide__back{border-radius:0 4px 4px 0;left:0}.vehicles-slide__next{border-radius:4px 0 0 4px;right:0}footer{background:var(--theme-dark-color);padding:64px 8px 12px;text-align:center}footer,footer>p>a{color:var(--theme-white)}footer>p>a{display:inline-block;font-weight:700;text-decoration:underline}@media (min-width:400px){.vehicles-carousel{height:364px}}@media (min-width:460px){.vehicles-carousel{height:400px}}@media (min-width:600px){.cards-wrapper{flex-flow:row wrap}.tile-scene{margin:32px auto;width:48%}#vehicles header>h2{margin-bottom:48px}.vehicles-carousel{height:420px}}@media (min-width:768px){#burger-btn{height:1px;left:-1000px;position:absolute;width:1px}#nav-list{align-items:center;background:none;background-image:none;flex-flow:row nowrap;height:60px;max-width:478px;position:relative;transform:translateX(0)}#nav-list li{transform:translateY(0)}#cta-wrapper{bottom:-40px}.cta-link-wrap{padding:64px 0}.nav-link{border:none;font-size:1.2rem;margin:0 4px;padding:4px;width:136px}.nav-link:hover{transform:translateY(4px)}.nav-link:active{transform:translateY(4px) scale(.9)}#about>p{line-height:34px}}
/*# sourceMappingURL=styles.css.map */