a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}#__next *{font-family:Roboto,sans-serif;transition:.3s;box-sizing:border-box}#__next :focus:not(input):not(a){box-shadow:0 2px 3px #505050}a:focus,input:focus{border-bottom:1px solid #ffbaa8}input{border:none;border-bottom:1px solid #d4d4d4;outline:none}button{background:#f0f0f0;border:1px solid #000;outline:none;margin:5px;border-radius:3px;width:60px;height:35px;line-height:30px;box-sizing:border-box}button:hover{cursor:pointer}button:focus,button:hover{background-color:#feceab}h1{font-size:50px}h2{font-size:20px}h3{font-size:18px}p{margin:10px}.flex-row-centered{display:flex;flex-direction:row;justify-content:center}.flex-column-centered{display:flex;flex-direction:column;align-items:center}a{color:inherit;text-decoration:none;outline:none}.container{min-height:100vh}footer,header{width:100%;height:50px;box-shadow:0 2px 3px #000;font-size:10px;align-items:center;background-color:#363636;color:#fff}header{padding:20px;height:75px;align-items:center;justify-content:space-between}header,main{display:flex}main{flex:1 1;flex-direction:row;justify-content:center}article{margin:20px;width:50%;text-align:center}#task-form{box-shadow:0 2px 5px #b9b9b9;width:28%;min-width:400px;border-radius:3px;padding:10px;margin:20px;box-sizing:border-box}#task-list{padding:10px;height:400px;overflow-y:scroll;min-width:440px}.task{width:28%;min-width:400px;list-style:none;box-shadow:0 2px 5px #b9b9b9;border-radius:3px;background-color:#fff;cursor:move;cursor:-webkit-grab;cursor:grab;margin:10px;padding:10px 20px;align-items:center;justify-content:space-between;box-sizing:border-box}#clock input,#task-form input,.task input{cursor:text;padding:5px;width:100%}.task input{width:20%;min-width:285px}.task span{cursor:pointer}.task:active,.task:focus,.task input:active{cursor:-webkit-grabbing;cursor:grabbing}#clock{display:flex;justify-content:center;align-items:center}#clock span div *{margin:5px;text-align:center;max-width:100px}#clock input{width:45px}#clock div,#clock span{align-items:center}.pause{background-color:#ffbcbc}.start{background-color:#b7efcd}.reset{background-color:#aaa}.navlink{cursor:pointer;padding:10px 20px;margin:10px;line-height:75px;background:#efefef;border-radius:3px}.navlink:hover{background:#e2e2e2;border-radius:3px;box-shadow:0 5px 10px 0 #dbdbdb}.navlink.active{border-bottom:3px solid #363636}.pomodoro-options{position:relative}.progress-circle{margin-top:10px;position:relative;height:300px;width:300px;background-color:#faacac;border-radius:50%}.progress-circle-label{position:absolute;width:300px;height:300px;top:0;display:flex;align-items:center;justify-content:center;font-size:48px}.progress-circle-svg{transform:rotate(270deg)}.error{color:red;background:#fff;border:1px solid red;border-radius:3px;padding:5px}:disabled:hover:not(.goal-button),:disabled:not(.goal-button){cursor:not-allowed;background-color:#aaa;opacity:.5;border:none}.goal-button.done{background-color:#b7efcd}.goal-button{padding:0;margin:0;background:none;border:none;width:30%}.goal-card{margin:20px}@media (max-width:800px){header,main{display:flex;flex-direction:column}header{height:225px}article{margin:5vh 0;width:100%}#clock span{display:flex;flex-direction:column;align-items:center}}