html,body{width:100%;height:100%;margin:0;padding:0;scroll-behavior:smooth}body{background:url("/img/renders/TGR Jane v2 CE by yutksi/1.jpg") no-repeat center/cover,#bedde0}*{font-family:"Noto Sans JP","Noto Sans","Roboto",sans-serif}a{text-decoration:none;color:#fff;cursor:pointer}::selection{color:#fff;background:#b3dce2}.top-layer{background:rgba(170,170,170,.4)}img[modal]{cursor:zoom-in}@keyframes bounce{45%,50%{transform:translateY(-10px)}from,42.5%,47.5%,52.5%,to{transform:translateY(0px)}}@keyframes grow{from{transform:scale(0)}to{transform:scale(1)}}.anim-grow{animation:grow .5s}@media(prefers-reduced-motion: reduce){.anim-grow,.scroll-info-btn{animation:none}}header{display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;overflow:hidden;height:100vh;color:#fff}header>section{display:flex;flex-direction:column;align-items:center;overflow:hidden;min-width:0;font-size:1.5rem}header>section>.run-date{padding:.5em 1em;margin:10px;background:#fff;color:#66b9d2;font-weight:bold;border-radius:2px;font-size:1rem;box-shadow:2px 2px 0 #b3dce2}header>section.image{margin-bottom:-2px;align-self:flex-end;align-items:flex-end;justify-content:flex-end;height:100%}header>section.image .header-image{align-self:flex-start;z-index:0;height:75%;filter:drop-shadow(inset 0 -10px 20px -5px rgba(0, 0, 0, 0.25))}header>section.title{flex:1}header>section.title>.text-content{text-align:center;max-width:50ch;margin:0 30px}header>section.title>.text-content>.header-title{font-size:4rem;font-weight:lighter;text-shadow:2px 2px 0 #b3dce2,0 0 10px rgba(0,0,0,.5);align-self:center;padding:0;margin:0}header>section.title>.text-content>p{font-weight:600;text-shadow:0 0 5px rgba(0,0,0,.5);line-height:1.5em}header .scroll-info-btn{animation:bounce 5s infinite;position:absolute;bottom:0;margin-bottom:25px;padding:10px;border-radius:50%;text-decoration:none;font-size:30px;width:1em;height:1em;text-align:center;vertical-align:middle;transition:.15s;background:#fff;color:#66b9d2;box-shadow:0 2px 0 #b3dce2}header .scroll-info-btn:hover{opacity:.8}header .scroll-info-btn:before{vertical-align:middle;font-size:24px}main{box-shadow:0 -10px 20px -5px rgba(0,0,0,.25),0 -5px 20px -5px rgba(255,255,255,.15);background:#fff;border-top-right-radius:5em;padding:2em;padding-left:calc(5vw + 2em);padding-bottom:10em;margin-right:5vw;height:100%;z-index:1;color:#454545}main>section{display:flex;flex-direction:column;align-items:center;padding-bottom:5em}main>section>h3.section-title,main>section>h2.section-title{font-weight:300;text-align:center;color:#66b9d2}main>section>h2.section-title{font-size:3rem}main>section>h3.section-title{font-size:2rem}main>section>.section-content{display:flex;flex-wrap:wrap;width:75%}main>section>.section-content img{box-shadow:4px 4px 0 #b3dce2;border-radius:2px;transition:.15s;max-width:100%;min-width:0%}main>section>.section-content img:hover{transform:translate(-4px, -4px);box-shadow:8px 8px 0 #eeb9c1}main>section#kits>.section-content{flex-direction:column;justify-content:center}main>section#kits>.section-content .kits{display:flex;flex-direction:row;justify-content:center}main>section#kits>.section-content .kits>.kit{display:flex;flex-direction:column;align-items:flex-start;flex:1;margin:20px}main>section#kits>.section-content .kits>.kit>label{margin:20px 0;font-weight:bold;color:#66b9d2}main>section#colors>.section-content{flex-direction:column}main>section#colors>.section-content>.colors{display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap}main>section#colors>.section-content>.colors>.color-cube{display:flex;flex-direction:column;justify-content:center;flex:1;box-shadow:0 2px 8px rgba(0,0,0,.22);padding:2em;margin:2em;border-radius:2px}main>section#colors>.section-content>.colors>.color-cube>label{font-weight:600;margin:.2em 0}main>section#colors>.section-content>.colors>.color-cube>p{margin:.1em 0;white-space:nowrap}main>section#renders>.section-content{flex-direction:column;justify-content:center}main>section#renders>.section-content .board-renders{display:flex;flex-direction:column;justify-content:center;margin-bottom:3em}main>section#renders>.section-content .board-renders>.render-info{display:flex;flex-direction:row;align-items:center}main>section#renders>.section-content .board-renders>.render-info>label{margin:20px 0;font-weight:bold;font-size:1.5em;color:#66b9d2;flex:1}main>section#renders>.section-content .board-renders>.render-info>.person{margin:20px 0;font-weight:300;align-self:flex-end}main>section#renders>.section-content .board-renders>.render-info>.person>i{margin-right:.25em}main>section#renders>.section-content .board-renders>.renders{display:grid;grid-auto-flow:column;grid-template-rows:repeat(auto-fill, minmax(100px, 1fr));gap:10px;margin-top:10px}main>section#renders>.section-content .board-renders>.renders>.render{min-height:100px;height:100%;width:100%;object-fit:cover}main>section#renders>.section-content .board-renders>.renders>.render:hover{cursor:pointer}main>section#vendors>.section-content{flex-direction:row;flex-wrap:wrap;justify-content:space-evenly;align-items:center;text-align:center}main>section#vendors>.section-content>.vendor{display:flex;flex-direction:column;flex:1;width:intrinsic;width:max-content;margin:0 10px}main>section#vendors>.section-content>.vendor>.location{color:#66b9d2;font-weight:800}main>section#vendors>.section-content>.vendor>h3>a{transition:.15s;padding:10px 20px;border-radius:2px;color:#fff;background:#eeb9c1;text-decoration:none;white-space:nowrap}main>section#vendors>.section-content>.vendor>h3>a:hover{background:#b3dce2}main>section#vendors>.section-content>.vendor>h3>a>i{margin-left:.5em}main>section#vendors>.section-content>.vendor>.pricing{display:flex;flex-direction:column;list-style:none;align-self:center;text-align:start;padding:10px}main>section#vendors>.section-content>.vendor>.pricing>li{display:flex}main>section#vendors>.section-content>.vendor>.pricing>li>.kit-name{flex:1;font-weight:200;white-space:nowrap;margin-right:2em}main>section#vendors>.section-content>.vendor>.pricing>li>.kit-price{align-self:flex-end;font-weight:500;color:#66b9d2}main>section#socials>.section-content{flex-direction:row;justify-content:center;text-align:center}main>section#socials>.section-content>.social-link{display:flex;flex-direction:row;align-items:center;flex:1;text-decoration:none;font-size:2em;transition:.15s;font-weight:500;padding:20px;margin:.5em;border:.1em solid #eeb9c1;border-radius:4px;color:#eeb9c1}main>section#socials>.section-content>.social-link>span{flex:1}main>section#socials>.section-content>.social-link:hover{color:#fff;background:#eeb9c1}main>section#socials>.section-content>.social-link:hover#Discord{background-color:#7289da;border-color:#7289da}main>section#socials>.section-content>.social-link:hover#GeekHack{background-color:#e9492b;border-color:#e9492b}main>section#socials>.section-content>.social-link:hover#Instagram{background-color:#f00075;border-color:#f00075}footer{display:flex;flex-direction:column;justify-content:center;text-align:center;margin-top:-5em;padding:.5em 5em;border-top-right-radius:5em;box-shadow:0 0 8px rgba(0,0,0,.25);color:#fff;background:#eeb9c1}footer>section{display:flex;flex-direction:column;justify-content:center;align-items:center}footer>section#uwu>.section-title{padding:1em;margin:1em 0;margin-top:2em;border-radius:2px;background:#fff;color:#454545;font-weight:500}footer>section#uwu>.section-title :first-child{margin:0}footer>section#uwu>.section-title .name{font-weight:700;color:#66b9d2}footer>section#uwu>.section-title i{color:#d32f2f}@keyframes bounce{45%,50%{transform:translateY(-10px)}from,42.5%,47.5%,52.5%,to{transform:translateY(0px)}}@keyframes grow{from{transform:scale(0)}to{transform:scale(1)}}.anim-grow{animation:grow .5s}@media(prefers-reduced-motion: reduce){.anim-grow,.scroll-info-btn{animation:none}}#modal-overlay{display:flex;position:fixed;transition:.1s;z-index:-1;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;opacity:0;background-color:rgba(0,0,0,.75)}#modal-overlay>.modal{margin:5vh;max-width:100%;max-height:100%}#modal-overlay>.modal.image-modal:hover{cursor:zoom-out}@media screen and (max-width: 1280px){header>section.image{flex:1}header>section.title>.text-content>.header-title{font-size:3rem !important;text-shadow:1.25px 1.25px 0 #b3dce2 !important}main>section>.section-content>.board-renders>.renders{grid-auto-flow:row !important;grid-template-columns:repeat(4, 1fr)}}@media screen and (max-width: 720px){header>.header-section.image{display:none !important}main{margin:0;padding:2em;border-radius:0}main>section>.section-content{width:100% !important}main>section>.section-content>.kits{flex-direction:column !important}footer{border-radius:0}}