body{margin:0;font-family:"Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#3535ff;position:relative}.rand-button{position:absolute;z-index:10}.header{text-align:center;font-size:larger;color:#ffd154}.win-fail{margin-top:70px;top:100%;text-align:center;display:inline-block;position:absolute;left:10%;right:10%;color:#f5f5f5}.win-fail button{background-color:#ffd154;border-radius:30px;border:none;font-size:large;width:150px;height:55px}.board{margin-top:40px;z-index:0;text-align:center;display:inline-block;position:absolute;left:10%;right:10%}:root{--rectSize:50px}.rectangle{opacity:0;cursor:default;background-color:#e7e7e7;color:#e7e7e7;margin:2px;-webkit-animation:fade-out 1s;animation:fade-out 1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;border:3px solid #e7e7e7;border-radius:10px}.rectangle,.rectangle-playable{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-flex;justify-content:center;align-items:center;font-size:x-large;width:50px;width:var(--rectSize);height:50px;height:var(--rectSize)}.rectangle-playable{cursor:pointer;color:#f5f5f5;background-color:#3535ff;margin:5px;border:3px solid #7d7de2;border-radius:10px;-webkit-animation:fade-in 1s;animation:fade-in 1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.rectangle-playable:hover{border-color:#f6f6f6}.rectangle-clicked{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;display:inline-flex;justify-content:center;align-items:center;background-color:#3535ff;color:#3535ff;opacity:0;margin:5px;width:50px;width:var(--rectSize);height:50px;height:var(--rectSize);border:3px solid #7d7de2;border-radius:10px}.rectangle-hide-text{opacity:1;border:3px solid #f5f5f5;border-radius:10px}.rectangle-hide-text,.rectangle-playable.rectangle-hide-text{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;display:inline-flex;justify-content:center;align-items:center;background-color:#f5f5f5;color:#f5f5f5;margin:5px;width:50px;width:var(--rectSize);height:50px;height:var(--rectSize)}.rectangle-playable.rectangle-hide-text{border-radius:10px}.rectangle-playable.rectangle-hide-text:hover{border-color:#f5f5f5}@media screen and (max-width:535px){:root{--rectSize:35px}.rectangle-playable{font-size:large}.board{margin-top:0}}
/*# sourceMappingURL=main.675354a9.chunk.css.map */