.base-screen,.main-screen{position:absolute;top:0;left:0;width:100%;height:100%;animation:fade-in .5s forwards;opacity:0;overflow:hidden}.base-screen.gc-exit,.gc-exit.main-screen{animation:fade-out .5s}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}.main-screen{display:flex;flex-direction:column}.main-screen .header{position:fixed;height:20vh;width:100vw;background:url(assets/images/header-bar.png) repeat-x;background-size:auto 100%}.main-screen .header .logo{position:absolute;background:url(assets/images/logo.png) no-repeat;background-size:contain;width:15vh;height:15vh;left:calc(50vw - 7.5vh);top:2vh}.main-screen .header .gc-menu{position:absolute;top:2vh;left:2vh;filter:invert(100%)}.main-screen .scroller{position:fixed;display:flex;flex-direction:column;align-items:center;top:20vh;width:100vw;height:80%;overflow-y:scroll;max-height:80vh}.main-screen .scroller .game-button{position:relative;min-height:10vh;margin-top:2vh;text-decoration:none;cursor:pointer;background:linear-gradient(180deg,#3287d9,#021074);color:#fff;text-align:center;font-size:10vw;border:2vw solid #3287d9;width:90%;border-radius:10vw;display:flex;flex-direction:column;justify-content:center}.main-screen .scroller .game-button:active{transform:scale(.9)}