.flex{display:flex}.jcsa{justify-content:space-around}.jcsb{justify-content:space-between}.jcc{justify-content:center}.aic{align-items:center}.button{display:inline-block;border:none;background-color:#dc143c;color:#fff;padding:.8rem;font-size:.8rem;cursor:pointer;border-radius:5px;transition:.2s ease-out background-color;text-transform:uppercase;font-family:'Nunito',Arial,Helvetica,sans-serif}.button:hover{background-color:#f05b79}#container{position:relative;width:100vw;height:100vh;z-index:10}body{font-family:'Nunito',Arial,Helvetica,sans-serif;background-color:#000;background-size:cover;background-position:center;height:100%;transition:1.7s background-image}body #dark{z-index:2;position:absolute;display:block;width:100%;height:100vh;left:0;right:0;top:0;bottom:0;background-color:#000;content:'';opacity:.5}#banner{width:100%;height:2rem;background-color:#dc143c;border-top-right-radius:5px;border-top-left-radius:5px;opacity:.94;text-align:center;color:#fff}#content{background-color:#fff;opacity:.94;padding:2em;border-bottom-right-radius:5px;border-bottom-left-radius:5px;border-radius:5px;max-width:80vw}#content .h1{font-size:1.5rem}#content .h1 + p{margin:10px 0;font-size:.8rem;color:#111}.footer{width:100%;z-index:100;margin-bottom:1rem;color:#fff;bottom:0;position:absolute;text-align:center;font-size:.9rem}.footer a{color:#fff}#card{display:flex;flex-direction:column}#card-nickname{order:1}@media screen and (max-width:550px){#card-nickname{text-align:center}}#card-generate-ghoul{order:2}#codex{order:3}#card{margin-top:2rem;display:grid;grid-template-areas:"g n" "g c";grid-template-rows:auto 100%}#card #codex{grid-area:c}#card #codex p{max-width:25rem}#card #card-generate-ghoul{grid-area:g}#card #card-ghoul{width:10rem;height:10rem;background-size:cover;background-position:center;border-radius:5px;margin-right:2rem;margin-bottom:1rem;cursor:crosshair;transition:.4s background-image}#card #card-generate-button{width:10rem;display:block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#card #card-nickname{font-size:1.8rem;grid-area:n}#codex-header{margin-top:1rem;margin-bottom:.5rem;font-size:1.2rem;cursor:pointer;color:#333;text-decoration:underline;transition:.2s color;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-block}#codex-header:hover{color:#dc143c}#codex-text{color:#333}@media screen and (min-width:2100px){html{font-size:2vw}}@media screen and (max-width:2000px){html{font-size:20px}}@media screen and (max-width:1600px){html{font-size:18px}}@media screen and (max-width:1250px){html{font-size:17px}}@media screen and (max-width:1000px){html{font-size:16px}}@media screen and (max-width:650px){html{font-size:14px}}@media screen and (max-width:550px){.footer{color:#000;margin:0;margin-top:1rem;margin-bottom:1rem;position:relative;background-color:#fff;z-index:10;font-size:1.1rem}.footer a{color:#dc143c}html{font-size:13px}html body,html #dark{background-color:#fff}#card{grid-template-areas:"n" "g" "c";grid-template-rows:auto}#card #card-generate-button{width:100%;margin-bottom:2rem;margin-top:2rem;font-size:1.2rem;padding:1.3rem}#card #card-nickname{font-size:2.2rem;margin-bottom:2rem;margin-top:1rem}#card #card-generate-ghoul{display:flex;align-items:center;align-content:center;flex-direction:column}#card #card-ghoul{width:100%;margin-right:0}#content{width:100% !important;max-width:100vw !important;box-sizing:border-box;height:100%;border-radius:0}#banner{border-radius:0;height:3rem}#container{height:100%}#about{font-size:1rem !important}#header{font-size:1.8rem !important;margin-top:1rem}#support p{width:100vw;border-radius:0}}@media screen and (max-width:300px){html{font-size:11px}}