header{display:flex}header div{flex:1 1;height:8vh;margin-top:2vh}header div h1{font-size:5vh;text-align:center}body{background-color:#eee}@-webkit-keyframes slideInFromLeft50{0%{-webkit-transform:translateX(-50%);transform:translateX(-50%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInFromLeft50{0%{-webkit-transform:translateX(-50%);transform:translateX(-50%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes slideInFromRight50{0%{-webkit-transform:translateX(50%);transform:translateX(50%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInFromRight50{0%{-webkit-transform:translateX(50%);transform:translateX(50%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes animOpacityToOpaque{0%{opacity:0}to{opacity:1}}@keyframes animOpacityToOpaque{0%{opacity:0}to{opacity:1}}@-webkit-keyframes animOpacityToTransparent{0%{opacity:1}to{opacity:0}}@keyframes animOpacityToTransparent{0%{opacity:1}to{opacity:0}}@-webkit-keyframes moveUpDown{0%{bottom:20px}to{bottom:70px}}@keyframes moveUpDown{0%{bottom:20px}to{bottom:70px}}@-webkit-keyframes enlargeText{0%{font-size:15px}to{font-size:20px}}@keyframes enlargeText{0%{font-size:15px}to{font-size:20px}}.game{display:flex;flex-direction:column;margin-left:auto;margin-right:auto;max-height:75vh;max-width:50%;min-height:75vh;position:relative}.game__poem{align-items:center;display:grid;justify-content:center;overflow-x:hidden;overflow-y:scroll}.game__poem p{-webkit-animation:slideInFromLeft50 1s ease 0s 1,animOpacityToOpaque 1s linear .3s 1 backwards;animation:slideInFromLeft50 1s ease 0s 1,animOpacityToOpaque 1s linear .3s 1 backwards;margin-bottom:.2em;margin-top:0;text-align:center}.game__poem__word{color:#000;display:inline-block;position:relative}.game__poem__word--matched{color:green}.game__poem__word--highlight{font-weight:bolder}.game__poem__word__overlay{word-wrap:none;-webkit-animation:enlargeText .2s ease-in-out 0s,animOpacityToTransparent .2s linear 0s 1 forwards;animation:enlargeText .2s ease-in-out 0s,animOpacityToTransparent .2s linear 0s 1 forwards;color:#000;left:0;position:absolute;text-align:center;top:0;vertical-align:middle}.game__scrollpointer{-webkit-animation:animOpacityToOpaque 1.5s ease 0s infinite both,moveUpDown .75s ease 0s infinite both;animation:animOpacityToOpaque 1.5s ease 0s infinite both,moveUpDown .75s ease 0s infinite both;-webkit-animation-direction:alternate;animation-direction:alternate;background-color:initial;bottom:20px;position:absolute;right:100px}.game__scrollpointer span{color:#00000055;font-size:5em;vertical-align:initial}.game__hidescrollbar{background-color:#eee;height:100%;position:absolute;right:-5px;width:20px}.game button{border:3px solid #000;border-radius:1em;color:#000;display:block;font-size:1.3em;height:4em;margin-left:auto;margin-right:auto;transition:color .1s,border-color .1s,width .1s;width:20em}.game button:hover{border-color:#000052;color:#000052;width:22em}.game button:disabled,.game button:hover{transition:color .2s,border-color .5s .1s,width .2s}.game button:disabled{border-color:gray;color:gray;width:20em}.game__input{-webkit-animation:slideInFromLeft50 1s ease 0s 1,animOpacityToOpaque 1s linear .3s 1 backwards;animation:slideInFromLeft50 1s ease 0s 1,animOpacityToOpaque 1s linear .3s 1 backwards;background-color:#fff;background:transparent;margin-bottom:.5em;margin-left:auto;margin-right:auto;max-width:40em;width:40em}.game__input input{font-size:3vh;height:10vh;text-align:center;width:100%}.game__input input,.game__input input:focus{background:transparent;border:1px solid #00000050;border-radius:2%;transition:font-size .1s linear 0s}.game__input input:focus{caret-color:#00000050;font-size:3.2vh;outline:none}.game__input--dissapearing{-webkit-animation:slideToBottom .5s ease 0s 1 both,animOpacityToTransparent .5s linear 0s 1 forwards;animation:slideToBottom .5s ease 0s 1 both,animOpacityToTransparent .5s linear 0s 1 forwards;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.game__startbutton{-webkit-animation:slideInFromLeft50 1s ease 0s 1,animOpacityToOpaque 1s linear .3s 1 backwards;animation:slideInFromLeft50 1s ease 0s 1,animOpacityToOpaque 1s linear .3s 1 backwards;padding-bottom:1em}.game__startbutton--dissapearing{-webkit-animation:slideToBottom .3s ease .2s 1 both,animOpacityToTransparent .5s linear 0s 1 forwards;animation:slideToBottom .3s ease .2s 1 both,animOpacityToTransparent .5s linear 0s 1 forwards;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.game__playagainbutton{-webkit-animation:slideInFromLeft50 1s ease 0s 1,animOpacityToOpaque 1s linear .3s 1 backwards;animation:slideInFromLeft50 1s ease 0s 1,animOpacityToOpaque 1s linear .3s 1 backwards;padding-bottom:1em}.game__results--center{align-items:center;-webkit-animation:animOpacityToOpaque .55s linear .2s 1 backwards;animation:animOpacityToOpaque .55s linear .2s 1 backwards;background-color:#eeeeeedd;display:flex;flex-direction:column;justify-content:center}.game__results--center p{font-size:5vh;font-weight:bolder;text-align:center}.game__results--bottomright{-webkit-animation:animOpacityToOpaque .5s linear 0s 1 backwards;animation:animOpacityToOpaque .5s linear 0s 1 backwards;font-size:2vh;padding-bottom:2vh;padding-right:2vw;text-align:right}.game__results--disappearing{-webkit-animation:animOpacityToTransparent .5s linear 0s 1 forwards;animation:animOpacityToTransparent .5s linear 0s 1 forwards;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.game__guessedwords{display:flex;flex-direction:row-reverse;flex-wrap:wrap;margin-right:10px;padding-top:80px;width:35vw}.game__guessedwords__title{position:absolute;text-align:center;top:30px;width:25vw}.game__guessedwords p{word-wrap:break-word;-webkit-animation:slideInFromRight50 1s ease 0s 1,animOpacityToOpaque 1s linear .1s 1 backwards;animation:slideInFromRight50 1s ease 0s 1,animOpacityToOpaque 1s linear .1s 1 backwards;background:#d3d3d3;border-radius:10px;display:block;margin:5px 5px 0 0;padding-left:5px;padding-right:5px;position:relative;text-align:center;transition:all .25s ease;width:125px}.game__guessedwords p.--highlight{background:#fff;font-weight:bolder;transition:all .25s ease}.game__guessedwords p.--isClicked{background:gray;transition:all .25 ease}@-webkit-keyframes slideInFromLeft{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInFromLeft{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}.fixedcontainer__bottomleft{bottom:0;left:0;position:fixed}.fixedcontainer__bottom,.fixedcontainer__bottomright{bottom:0;position:fixed;right:0}.fixedcontainer__bottom{left:0}.fixedcontainer__topright{position:fixed;right:0;top:0}.fixedcontainer__center{bottom:30vh;left:20vw;position:fixed;right:20vw;top:30vh}.poeminfo{-webkit-animation:slideInFromLeft .5s ease .5s 1 backwards,animOpacityToOpaque .5s linear .2s 1 backwards;animation:slideInFromLeft .5s ease .5s 1 backwards,animOpacityToOpaque .5s linear .2s 1 backwards;min-height:5em;padding:1em 1em 2em 2em;width:30em}@-webkit-keyframes slideToBottom{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes slideToBottom{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(100%);transform:translateY(100%)}}.counter{-webkit-animation:slideInFromLeft .5s ease 1s 1 backwards,animOpacityToOpaque .5s linear 1.2s 1 backwards;animation:slideInFromLeft .5s ease 1s 1 backwards,animOpacityToOpaque .5s linear 1.2s 1 backwards;min-height:5em;padding:1em 2em 2em 1em;width:10em}.counter p{font-size:3em;text-align:center}div.alert{align-items:center;background:#c27d7dee;display:flex;font-size:5vw;justify-content:center;position:fixed;text-align:center}div.alert__fullscreen{bottom:2vh;left:2vh;right:2vh;top:2vh}
/*# sourceMappingURL=main.6e19016f.css.map*/