*{margin:0;padding:0;box-sizing:border-box}body{background-image:url(/assets/bg-08d4e54c.png);background-repeat:no-repeat;background-size:cover}.clock{display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;height:80vh;margin:10vh auto;font-family:Pacifico,cursive;background-image:url(/assets/icon-0700c9e0.png);background-repeat:no-repeat;background-position:center;background-size:contain}.clock button{font-family:Pacifico,cursive;font-weight:700;padding:5px 10px;border-radius:10px;font-size:30px;box-shadow:0 0 10px #000}.clock button:hover{box-shadow:0 0 20px #000;cursor:pointer}.clock button:active{padding:3px 7px;margin:3px}.clock h2{color:#fff;font-size:100px;text-shadow:0px 0px 10px black}.breakTime{position:absolute;background:rgba(46,38,38,.8);width:100%;height:100%;z-index:+1;display:flex;align-items:center;justify-content:center}.breakBox{background-color:#ff4500;opacity:1;width:clamp(50%,600px,90%);text-align:center;display:flex;flex-direction:column;align-items:center;padding-bottom:5%;border-radius:20px;box-shadow:0 0 10px #fff}.breakBox h3{color:#fff;font-size:200%;padding-bottom:1rem;font-weight:lighter}.breakBox button{font-size:medium}