body{margin:0;background:linear-gradient(.4turn,#8784c2,50%,#a25899);height:100vh;font-family:Monoton,-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}.app{text-align:center}.app h1{margin-top:100px;font-size:80px;color:#daffff;font-weight:100;text-shadow:4px 2px 3px rgba(0,0,0,.755)}.board{margin:auto;padding:20px;width:330px;height:330px;border-radius:20px;background:linear-gradient(.4turn,#e5b2ea,50%,#b2b3ea)}.box{height:100px;width:100px;border-style:none;outline:none;margin:5px;border-radius:10px;font-size:50px;background-color:#f0f8ff;box-shadow:none;transition:all .2s ease-out 10ms}.box:hover{background-color:#c4ebec;box-shadow:4px 2px 3px #00000072}.result{font-family:Rajdhani;font-size:60px;color:#e8c9ff;line-height:10px;transition:all .2s ease-out 10ms}.result button{font-family:Rajdhani;height:60px;width:100px;border-style:none;outline:none;margin:5px;border-radius:10px;font-size:20px;background-color:#f0f8ff;box-shadow:none;transition:all .2s ease-out 10ms}.result button:hover{width:105px;font-size:23px;background-color:#c4ebec;box-shadow:4px 2px 3px #00000072}