@import"https://fonts.googleapis.com/css?family=Comfortaa";html,body{margin:0;overflow:hidden;height:100%;width:100%;position:relative;font-family:Comfortaa,cursive;background-attachment:fixed;background-size:cover;background-position:center;background-repeat:no-repeat}#container{width:100%;height:100%}#container #score{position:absolute;top:20px;width:100%;text-align:center;font-size:10vh;transition:transform .5s ease;color:var(--theme-score-element-color, #00D2FF);text-shadow:0 0 10px var(--theme-score-element-color, #00D2FF),0 0 20px var(--theme-score-element-color, #00D2FF);transform:translatey(-200px) scale(1)}#container #game{position:absolute;inset:0}#container .game-over{position:absolute;top:0;left:0;width:100%;height:85%;display:flex;flex-direction:column;align-items:center;justify-content:center}#container .game-over *{transition:opacity .5s ease,transform .5s ease;opacity:0;transform:translatey(-50px);color:var(--theme-game-over-elements-color, #FF0080);text-shadow:0 0 10px var(--theme-game-over-elements-color, #FF0080)}#container .game-over h2{margin:0;padding:0;font-size:40px}#container .game-ready{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-around}#container .game-ready #start-button{transition:opacity .5s ease,transform .5s ease,box-shadow .3s ease;opacity:0;transform:translatey(-50px);border:3px solid var(--theme-start-button-border-color, #00D2FF);padding:10px 20px;background-color:#00d2ff1a;color:var(--theme-start-button-text-color, #00D2FF);font-size:30px;text-shadow:0 0 5px var(--theme-start-button-text-color, #00D2FF);box-shadow:0 0 10px var(--theme-start-button-border-color, #00D2FF),inset 0 0 5px var(--theme-start-button-border-color, #00D2FF);cursor:pointer}#container #instructions{position:absolute;width:100%;top:16vh;left:0;text-align:center;transition:opacity .5s ease,transform .5s ease;opacity:0;color:var(--theme-instructions-color, #FF0080);text-shadow:0 0 5px var(--theme-instructions-color, #FF0080)}#container #instructions.hide{opacity:0!important}#container.playing #score,#container.resetting #score{transform:translatey(0) scale(1)}#container.playing #instructions{opacity:1}#container.ready .game-ready #start-button{opacity:1;transform:translatey(0)}#container.ended #score{transform:translatey(6vh) scale(1.5)}#container.ended .game-over *{opacity:1;transform:translatey(0)}#container.ended .game-over p{transition-delay:.3s}
