@import url(https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap);@import url(https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap);html{font-size:62.5%}.App{background-image:url(/static/media/hero.aefdf25a.jpg);background-repeat:no-repeat;background-attachment:fixed;width:100%;min-height:100vh}@media(min-width:1200px){.mainConainer{display:flex;flex-direction:row;justify-content:space-between;padding:0 5rem}.description{width:45%}.gameContainer{margin-top:3rem;width:50%}}body{font-size:2rem;margin:0}body,button,select{font-family:"Share Tech Mono",monospace}select{cursor:pointer}button{background:#404040;color:#fff;font-weight:100;margin:1.5rem;cursor:pointer;text-transform:uppercase;border-radius:6px;display:inline-block}button,button:hover{padding:15px;border:3px solid #404040}button:hover{color:#404040;font-weight:700;background:none;box-shadow:0 5px 40px -10px rgba(0,0,0,.57);-webkit-box-shadow:0 5px 40px -10px rgba(0,0,0,.57);-moz-box-shadow:0 5px 40px -10px rgba(0,0,0,.57)}.grid-container{display:flex;flex-direction:column;align-items:center}.generation{font-size:3rem;border:1px solid #000;padding:0 15px}.generation,.settings{background-color:hsla(0,0%,100%,.5)}.settings{display:flex;flex-direction:column;align-items:flex-start;padding:0 2rem 2rem;border-radius:8px}.smallHeader{font-size:2.5rem;font-weight:700}h2{padding:4rem .5rem 0;font-family:"Press Start 2P",cursive;font-size:2rem;line-height:3rem;margin:0 0 2rem}@media(min-width:600px){h2{font-size:3rem}}.shapesButtons button{padding:7px;margin:1rem}.description{display:flex;flex-direction:column;align-items:flex-start;background-color:hsla(0,0%,100%,.7);padding:0 2rem 2rem;border-radius:8px;margin:2rem 1rem 1rem;text-align:left}.description p{margin-bottom:0;padding-bottom:0}.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{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.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.19328358.chunk.css.map */