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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{text-align:center}.HangmanContainer{display:flex;flex-direction:column;margin-top:50px}.float-right{float:right}.hud{margin:auto;width:50%}.top{width:80%}h1{margin:auto}.nav,p{color:#f0f8ff;margin:30px;text-decoration:none}.navContainer{align-items:center;display:flex;flex-direction:column;font-size:50px;justify-content:center;padding:10%}h1{font-size:64px}body{background-color:#1e1e1e}.game-area{border:2px solid #dc042c;border-radius:10px;box-shadow:0 0 10px #abbfc0;display:flex;flex-wrap:wrap;height:400px;margin:50px auto;position:relative;width:500px}@media only screen and (max-width:800px){.game-area{height:300px;position:relative;width:350px}.snake{height:12px;width:12px}}.snake{background-color:#07ff28;border:1px solid #fff;height:2%;width:2%;z-index:2}.food,.snake{position:absolute}.food{background-color:#fff;border-radius:20px;height:12px;width:12px;z-index:1}.wrapper{display:flex;flex-wrap:wrap;height:250px;justify-content:center;margin:200px auto 50px;position:relative;width:200px}.start{background:#1e1e1e;border:0;border-radius:7px;box-shadow:0 0 70px #abbfc0;font-family:Courier New,Courier,monospace;font-size:1.2em;margin:100px;padding:10px}.start,h1{color:#fff}h1{font-size:2em}.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)}}.h1{align-items:center;color:#333;font-size:20px;text-align:center}
/*# sourceMappingURL=main.3dd7fe3a.css.map*/