body,html{height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#1c1c1c;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;justify-content:center;margin:0}#root{height:100%;max-width:450px}h1{margin:0}p{margin-left:10px;padding:0 10px}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#navbar{background:#1c1c1c;color:#ffc700;height:50px;justify-content:space-around;margin-top:0;width:100%}#navbar,.info-button{align-items:center;display:flex}.info-button{height:30px;justify-content:center;margin-left:10px;margin-right:10px;width:30px}.info-button>h1{font-size:27px}#board{align-items:center;display:flex;flex-direction:column;height:calc(100% - 50px);width:100%}#grid,#grid-container{display:flex;flex-grow:1;justify-content:center}#grid{align-items:center;background:#1c1c1c;flex-direction:column;width:100vw}.grid-cell,.grid-row{display:flex;justify-content:center}.grid-cell{align-items:center;border:2px solid #f80;color:#fff;height:40px;margin:4px;width:40px}#keyboard{background:#1c1c1c;color:#fff;height:200px;width:100%}#delete-key,#enter-key{flex:1.5 1}.keyboard-row{height:33%;width:100%}.keyboard-letter,.keyboard-row{align-items:center;display:flex;justify-content:center}.keyboard-letter{background-color:#6e6e6e;border-radius:2px;font-size:8px;height:94%;margin:0 2px;width:9%}.guessed-letter{background-color:#424242}.hell{background-color:#ffce74}.green{background-color:#00b300}.yellow{background-color:#d2d200}.gray{background-color:#a5a5a5}#instructions-wrapper{background-color:rgba(0,0,0,.5);display:flex;height:100%;justify-content:center;max-width:450px;position:absolute;width:100%}#instructions{background-color:#1c1c1c;border-radius:8px;color:#fff;display:flex;flex-direction:column;font-family:Arial,Helvetica,sans-serif;font-size:larger;font-weight:700;position:absolute;top:10%;width:90%}#instructions>p>img{vertical-align:bottom}#instructions>p:last-child{align-self:center;font-size:14px}#settings-wrapper{background-color:rgba(0,0,0,.5);height:100%;justify-content:center;max-width:450px;width:100%}#settings,#settings-wrapper{display:flex;position:absolute}#settings{align-items:center;background-color:#1c1c1c;border-radius:8px;color:#fff;flex-direction:column;font-family:Arial,Helvetica,sans-serif;font-size:larger;font-weight:700;top:15%;width:90%}.shown{transition:visibility 0s linear .15s,opacity .2s}.hidden{opacity:0;transition:visibility 0s linear .5s,opacity .3s;visibility:hidden}.close-button{align-items:center;align-self:flex-end;display:flex;height:30px;justify-content:center;margin-right:5px;margin-top:5px;position:absolute;width:30px}#gameover-message{background-color:#3b3b3b;border-radius:4px;color:#fff;padding:5px 10px;position:absolute;text-align:center;top:10%}#difficulty-details{border:1px solid #ffc700;border-radius:8px;margin-top:50px;min-width:85%}#difficulty-details>p{margin-left:0;padding:0;text-align:center}#difficulty-options{border:1px solid #ffc700;border-radius:8px;margin:50px;text-align:center;width:70%}#difficulty-options>h1{padding:10px}#difficulty-options>h1.selected{color:#ffc700}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
/*# sourceMappingURL=main.e25abc13.css.map*/