html,body{margin:0;display:flex}#app{background-color:#2e294e;flex-direction:column;align-items:center;min-height:100vh;width:100vw}main{display:flex;margin-left:30%}.title{text-align:center;font-family:Arial,Helvetica,sans-serif;color:#ffd400;font-size:40px;font-weight:700}button{width:14rem;height:14rem;border:1px solid black;cursor:pointer}.reset{display:flex;margin-left:43.2%;margin-top:3rem;width:225px;height:40px;justify-content:center;border-radius:5px;transition:all 1s;box-shadow:0 0 10px #eadeda;background-color:#eadeda;font-size:30px}.reset:hover{background-color:#d90368;color:#000;box-shadow:0 0 10px #d90368}.overlayActive{position:absolute;background-color:#ffea0000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);height:100vh;width:100vw;top:0;text-align:center;color:#2f0;transition:all 1s}.overlayPause{visibility:hidden}