body{background-color:#002c1b;color:#ffd900;font-size:1rem;font-family:'Noto Sans HK', sans-serif;display:-ms-grid;display:grid;justify-items:center}.calltoaction{color:#00fce7;font-size:3rem}.logo{width:50vw;max-width:1500px}.app{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.app .character{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:500px;min-height:150px;position:relative;background-color:#002c1b;border:10px solid #ffd900;padding:1vw;margin:1vw;cursor:pointer}.app .character_fetching{color:transparent}.app .character_fetching::before{content:'Waiting for your character...';position:absolute;top:40%;color:#ffd900}.app .character_films--button{border:5px solid #ffd900;background:none;width:250px;padding:2rem;font-size:1rem;color:#ffd900;cursor:pointer;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-transition:-webkit-transform 0.3s;transition:-webkit-transform 0.3s;transition:transform 0.3s;transition:transform 0.3s, -webkit-transform 0.3s}.app .character_films--button:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}