*{font-family:Helvetica,sans-serif}:root{--button-border-color:rgba(245, 245, 245, 0.4);--button-color:lightslategray;--button-color-short:#763626;--page-bg-color:cadetblue;--font-color:white;--timer-bg-color:darkcyan;--page-bg-color-short:#336b87;--timer-bg-color-short:#90afc5;--header-color:darkcyan;--even-color:rgba(149, 218, 229, 0.603);--odd-color:var(--even-color);--toothpaste:rgb(2, 177, 177);--tr-hover-color:#f2f2f279;--completed-task-color:rgb(131, 156, 170);--table-bg-color:var(--toothpaste);--scroll-color:var(--even-color);--td-border-radius:22px;--table-border:12px;--table-row-margin:20px;--even-color-short:#98c7e9;--odd-color-short:var(--even-color-short);--header-color-short:#4990b4;--tr-hover-color-short:#bdd3df;--scroll-color-short:var(--even-color-short);--table-bg-color-short:#60afcc;--modal-bg-color:#f1f1f1;--modal-font-color:black}body{background-color:var(--page-bg-color);transition-duration:2s}header,nav{overflow:hidden;background-color:var(--header-color)}ul{list-style-type:none;margin:0;padding:0}li{display:inline;float:right}a.brand-logo{margin-left:1vw}a.brand-logo li{margin-left:1vw}.main-page{color:var(--font-color)}.pure-button{background:var(--button-color);border-radius:5px;color:var(--font-color);padding:0;font-size:70%}.section-container{position:relative;margin:auto;transition-duration:2s}.icon-container{display:flex;float:right;font-size:.5em;width:150px;flex-wrap:wrap;justify-content:space-around}.icons{padding:0;margin:5px;height:40px;width:40px;border-style:solid;border-width:1px;border-color:var(--button-border-color)}.icon-container p{margin:0;padding:0}.icons img{position:relative;top:2px}.inline{display:inline-block;max-width:45%}.buttons-div{width:300px;height:50px;display:inline-flex;flex-direction:row;justify-content:space-between}#timerContainer{width:400px;border-radius:10px}#countdown{font-size:xx-large;text-align:center}#modeDisplay{position:relative;top:10px;margin:10px;font-size:80%}#timeDisplay{position:relative;top:0;bottom:100px;font-size:600%;margin:-20px;height:300px;left:-40px}#currentTask{font-size:larger;display:flex;justify-content:space-around;text-align:center;width:400px;padding:10px}html{scroll-behavior:smooth}@media screen and (max-width:500px){#timerContainer{width:80vw}@media screen and (max-width:300px){#timerContainer{width:240px}}}@media screen and (max-height:550px){#timerContainer{height:50vh}@media screen and (max-height:480px){#timerContainer{height:240px}}}@media screen and (max-width:500px),(max-height:550px){#distractionButton{font-size:35%}#startTimer{font-size:75%}#timeDisplay{font-size:240%}#modeDisplay{font-size:70%}}#top-left-border{position:relative;text-align:left;margin:0;font-size:300%}#top-left-border span{position:absolute;top:0;left:-140px;line-height:.3}#bottom-right-border{position:relative;text-align:right;margin:0;font-size:300%}#bottom-right-border span{position:absolute;bottom:20px;right:-100px;line-height:.3}.logo{display:inline-block;height:100%}.logo>img{vertical-align:middle}a{color:#fff;background-color:transparent;text-decoration:underline}