@import url(https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap);button,h1{text-align:center}#buttonContainer,legend,li{display:-webkit-box;display:-ms-flexbox}body{background-color:#efe;margin:auto;width:40%;font-family:Ubuntu,Arial}button,input{font-family:inherit}fieldset,legend,ul{border:1px solid;background-color:#fff}ul{padding:0}legend,li{list-style-type:none;padding:.2em .5em;background-color:#cfc;display:flex;justify-content:space-between;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-box-align:center;-ms-flex-align:center}.notification,button,h1,legend{background-color:#324a09;color:#fff}legend{border-radius:.5em}li{font-size:.9em;white-space:nowrap}li p{margin:0}li:nth-of-type(2n){background-color:inherit}#totalHoursContainer{margin-top:10px}#totalHoursContainer p{font-weight:400;margin:0;font-size:.7em}#sessionTimePara{white-space:nowrap;margin-left:1em;background-color:#47611a;border:1px solid #000;padding:.1em .3em;color:#fff;border-radius:.5em}h1{width:100vw;margin-left:calc(-50vw + 50%);margin-top:0;padding-top:1em;padding-bottom:1em;font-size:5em}button{border-radius:.5em;text-decoration:none;padding:.4em}button:hover{background-color:green}#buttonContainer{width:100%;display:flex;justify-content:flex-end;align-items:center;gap:.5em;-webkit-box-pack:end;-ms-flex-pack:end;-webkit-box-align:center;-ms-flex-align:center}.notification{position:fixed;bottom:1.25em;right:1.25em;padding:.625em;border-radius:.3125em;z-index:1000}.hidden{display:none}.dropdown{position:relative;display:inline-block}.dropdownContent{display:none;position:absolute;width:100%;z-index:1}.show{display:block}.startenddiv{margin-left:2em}@media screen and (max-width:450px){body{width:90%}h1{font-size:1em}li{white-space:normal;-ms-flex-wrap:wrap;flex-wrap:wrap}#buttonsContainer{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;gap:.5em}button{width:100%;margin:.5em}}@media screen and (min-width:451px) and (max-width:1000px){body{width:70%}h1{font-size:2em}li{white-space:normal;-ms-flex-wrap:wrap;flex-wrap:wrap}#buttonsContainer{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;gap:.5em}}