body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:1.25em;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}button{font-size:1em}.home{display:flex;flex-direction:column;justify-content:center;margin:5vh 0}.home .banner{align-self:center;height:30vh}.home .description{margin:50px;text-align:center}.home .btn-play{align-self:center}.load{align-items:center;color:#fff;display:flex;justify-content:center}.load,body,html{background-color:#21282c}body,html{border-color:#7f786c;color:#e6e4e1;height:100%;margin:0}#root,#root .app{display:flex;flex-direction:column;height:100%}#root .app{padding:2em}#root .app .bar{display:flex;justify-content:center;z-index:2}#root .app .bar h1{position:absolute;top:.5em}#root .app .bar .btn-home{margin-left:auto;margin-right:2em;margin-top:2em}#root .app .bar .btn-sound{margin-left:2em;margin-right:auto;margin-top:2em}#root .app .bar-mobile{display:none;justify-content:center;z-index:2}#root .app .bar-mobile h1{position:absolute;top:.5em}#root .app .bar-mobile .btn-home{margin-left:auto;margin-right:.5em;margin-top:4em}#root .app .bar-mobile .btn-sound{margin-left:.5em;margin-right:auto;margin-top:4em}@media only screen and (max-width:768px){#root .app .bar{display:none}#root .app .bar-mobile{display:flex}}#root .app>:nth-child(3){align-self:center;flex-grow:1}#root .app footer{align-self:center;color:#c8c8c8;font-size:.85em;margin-top:.5em;padding-top:.5em;text-align:center;z-index:2}#root .app *>button,#root .app button{background-color:#425058;border:none;border-radius:5px;color:#fff;display:inline-block;margin:1em;padding:10px 16px;text-align:center;text-decoration:none;transition-duration:.4s}#root .app *>button a,#root .app button a{color:inherit;text-decoration:none}@media (hover:hover) and (pointer:fine){#root .app *>button:hover,#root .app button:hover{background-color:#3a474e;box-shadow:0 12px 16px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);color:#fff;-webkit-transform:scale(1.05);transform:scale(1.05)}}.end{display:flex;flex-direction:column;margin:6vh 0;text-align:center}.end .lesson{align-items:center;display:flex;justify-content:center}.end .lesson .banner{height:40vh}.gamepage{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-bottom:0;margin-top:0}.gamepage>*{width:60vw}@media only screen and (max-width:768px){.gamepage>*{width:80vw}}.gamepage .info{display:flex;justify-content:space-between}.gamepage .info .rank{text-align:left}.gamepage .info .round{text-align:right}.genderpage{align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:center}.genderpage .banner{margin:1em;max-height:60vh;width:60vw}.game{align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:justify}.game .gamescreen{margin:.5em;padding:.5em 2em;position:relative}.game .gamescreen .text{word-wrap:break-word;background-color:rgba(0,0,0,.5);color:#fff;height:auto;line-height:auto;padding:1.5em .5em;position:absolute;text-align:center;top:.5em;vertical-align:middle}.game .gamescreen .background{height:50vh;margin:0 auto;max-width:80vw}.game .gamescreen .parent,.game .gamescreen .teen{bottom:2vh;position:absolute;width:auto}.game .gamescreen .parent{max-height:35vh;max-width:20vw;right:10vw}.game .gamescreen .teen{left:10vw;max-height:25vh;max-width:40vw}.game .warning{word-wrap:break-word;border-radius:2em;color:#fff;height:auto;line-height:auto;margin-bottom:1em;text-align:center;vertical-align:middle}.game .controls{align-content:center;display:flex;flex-direction:row;justify-content:space-evenly}.game .controls .choice-btn{word-wrap:break-word;margin-top:0!important;white-space:normal}@media only screen and (max-width:768px){.game .controls{flex-direction:column}}