.box{transition:all .25s;display:flex;flex-direction:column;align-items:center;border-radius:1em}.box:hover{transform:translateY(-4px) translateZ(0);backface-visibility:hidden;-webkit-font-smoothing:subpixel-antialiased}#main{width:100%;height:fit-content;padding-bottom:3em;background-color:#d24545}#credits{margin-top:1em}#buttonbox{display:flex;flex-direction:row;justify-content:center;width:80%;height:fit-content;padding:1em;gap:5em}.button{transition:color .2s,background-color .2s;text-decoration:none;text-align:center;border-radius:1em;border:none;position:relative;width:fit-content;padding:8% 10%;background-color:#e9c4b0;color:#40679e;z-index:1}.button:hover{background-color:#40679e;color:#e9c4b0}#main h1{width:10%;height:10%;font-size:100%}#title{text-wrap:nowrap;text-align:center;justify-content:center;width:100%;height:fit-content;background-color:#d24545;margin-bottom:2.5em;margin-top:2.5em;font-size:80%}#timersettings{display:flex;flex-direction:row;justify-content:center;gap:10%;width:100%}@media only screen and (min-width: 600px){#title{width:60%;padding:0 5%;font-size:100%}#main{width:50%;padding:2% 5%}}@media only screen and (min-width: 900px){#title{width:35%}#main{width:30%}}.clock{transition:background-color 1s;width:90%;height:fit-content;padding:2em 0;margin-top:2.5em}#Session{background-color:#e9c4b0;color:#40679e}#Break{background-color:#1b3c73;color:#e9c4b0}#timer-label{font-size:200%;margin:2%}#time-left{font-size:400%;margin:2%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.settingsbutton{position:relative;width:3em;padding:10% 5%;background-color:#d24545;color:#40679e}.text{font-weight:700;margin:0;font-size:100%;text-align:center}.settingsbuttonsbox{display:flex;align-items:center;justify-content:center;gap:10%;justify-self:flex-end;margin-top:auto}.settingblock{background-color:#e9c4b0;width:40%;padding:2%;color:#40679e;text-wrap:wrap}body{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#3f1d1a;color:#eceada;overflow-x:hidden;margin:0}#root{width:95%;height:98%;display:flex;flex-direction:column;align-items:center;justify-content:center}