@import url(https://fonts.googleapis.com/css2?family=Keania+One&display=swap);body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}*{margin:0;padding:0;border:none;box-sizing:border-box}body,html{height:100%}:root{--yellow:#e9c46a;--blue:#4cc9f0;--red:#c1121f}@-webkit-keyframes shake{0%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}to{-webkit-transform:rotate(10deg);transform:rotate(10deg)}}@keyframes shake{0%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}to{-webkit-transform:rotate(10deg);transform:rotate(10deg)}}@-webkit-keyframes rotate{0%{opacity:0}50%{opacity:.5}to{opacity:1}}@keyframes rotate{0%{opacity:0}50%{opacity:.5}to{opacity:1}}@-webkit-keyframes scale{0%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes scale{0%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1);transform:scale(1)}}#root{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;width:100%;height:100%}#beers{display:grid;grid-template-rows:auto auto auto;grid-template-columns:auto auto auto;background-color:#fff;max-width:690px;max-height:690px;place-content:center;margin-top:30px;border-radius:30px;margin-bottom:20px;border:1px solid #db7093;box-shadow:5px 5px 5px #db7093}#beers>div{width:30vw;height:23vh;max-height:230px;max-width:230px;padding:10px;text-align:center;color:#fff}#beers>div:hover{color:grey}#beers>div>img{height:80%;max-height:200px;cursor:pointer}#beers>div>img:hover{-webkit-animation-name:shake;animation-name:shake;-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}#beers>div>p{font-size:15px;font-family:cursive}header{-webkit-justify-content:space-between;justify-content:space-between;width:100%;height:130px;overflow:visible;background-color:#4cc9f0;background-color:var(--blue);-webkit-align-items:center;align-items:center}header,header>#scoreboard{display:-webkit-flex;display:flex}header>#scoreboard{color:#fff;background-color:#000;margin-right:20px;border-radius:10px;width:250px;border:2px solid #000;-webkit-flex-direction:column;flex-direction:column;height:100px}#scoreboard #names{display:-webkit-flex;display:flex}#names>*{width:100%;text-align:center;border:3px solid #fff;padding:3px;font-weight:lighter;font-family:fantasy}#score-name{border-top-left-radius:10px}#best-score-name{border-top-right-radius:10px}#scoreboard #scores{border:3px solid #fff;height:100%;border-bottom-right-radius:10px;border-bottom-left-radius:10px;-webkit-justify-content:space-around;justify-content:space-around;color:red;font-weight:bolder;font-size:40px;font-family:"Keania One"}#scoreboard #scores,header>p{display:-webkit-flex;display:flex}header>p{font-size:45px;line-height:90px;margin-left:30px;color:#fff;font-weight:700;font-family:monospace;-webkit-align-items:center;align-items:center}header>p>b{font-weight:700;color:#e9c46a;color:var(--yellow)}header>p>img{width:60px;margin-right:10px}#game{width:100%;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;background-color:pink;height:100%}.rotate{-webkit-animation-name:rotate;animation-name:rotate;-webkit-animation-duration:1s;animation-duration:1s}.rotate:hover{-webkit-animation-name:rotate!important;animation-name:rotate!important;-webkit-animation-duration:.5s;animation-duration:.5s}#game-over-outer-div{position:fixed;width:100%;height:100%;background-color:transparent;display:grid;place-items:center;-webkit-transform:scale(0);transform:scale(0)}#game-over-div{margin-top:60px;border:10px solid #000;-webkit-animation:scale;animation:scale;-webkit-animation-duration:.7s;animation-duration:.7s}#game-over-div>p{position:absolute;text-align:center;z-index:10;margin-left:60px;margin-top:10px;color:#fff;font-size:60px;font-weight:700;letter-spacing:7px}.game-over{-webkit-animation:scale;animation:scale;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-transform:scale(1)!important;transform:scale(1)!important;z-index:20}
/*# sourceMappingURL=main.fca0f902.chunk.css.map */