@import url(https://fonts.googleapis.com/css2?family=Teko:wght@300..700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0f1b21;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{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}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}body{margin:0;padding:0}.boxes,.container,.reset,.title,body,button{font-family:Teko,sans-serif;font-optical-sizing:auto;font-style:normal}.container{font-family:Open Sans,Poppins,Teko,sans-serif;text-align:center}.title{align-items:center;animation-duration:2.25s;animation-name:fadeInTitle;animation-timing-function:ease;color:#f5f5f5;display:flex;font-size:70px;justify-content:center;margin-top:30px}.title span{color:#ff0;padding-left:5px;padding-right:5px}.reset{animation-duration:2.25s;animation-name:fadeInResetButton;background-color:grey;border:none;border-radius:50px;color:#f5f5f5;font-size:40px;height:55px;margin-bottom:50px;margin-top:50px;outline:none;width:180px}.boxes,.reset{cursor:pointer}.boxes{animation-duration:2s;animation-name:fadeInScale;animation-timing-function:ease;background-color:#1f3540;border:4px #0f1b21;border-radius:10px;display:flex;height:150px;justify-content:center;margin-left:10px;margin-top:10px;width:150px}.winning-box{animation-name:fadeIn;background-color:#fc0;border:2px solid #333}.selected{opacity:.6}.board{display:flex;height:500px;margin:auto;width:524px}.boxes img{margin:50px}.title img{height:45px;padding:20px}.container.dark-mode{background-color:#0f1b21;color:#f5f5f5}.container.light-mode{background-color:hsla(0,0%,96%,.573);color:#0f1b21}.container.dark-mode .boxes{border-color:#444}.container.dark-mode .boxes:hover{background-color:hsla(39,77%,83%,.102)}button{animation-duration:2.25s;animation-name:fadeInResetButton;background-color:grey;border:none;border-radius:50px;color:#fff;cursor:pointer;font-size:40px;height:55px;margin-bottom:50px;margin-left:10px;margin-top:50px;outline:none;width:180px}@keyframes spintitle{to{transform:rotate(1turn)}}@keyframes spinboxes{0%{border-radius:50px;scale:.5}50%{border-radius:30px;scale:.75}75%{border-radius:5px}to{border-radius:10px;scale:1;transform:rotate(1turn)}}@keyframes fadeInTitle{0%{opacity:0;scale:2}to{opacity:1;scale:1}}@keyframes fadeInResetButton{0%{opacity:0;scale:1.5}to{opacity:1;scale:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}#winner-message{animation:fadeIn 1s;opacity:0}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.tie-message{color:red;font:size 45px}.congratulations-message,.tie-message{animation:fadeInScale 1s ease-in-out;font-weight:700;text-align:center}.congratulations-message{color:green;font-size:45px}
/*# sourceMappingURL=main.dc656c2f.css.map*/