.clock{width:10rem;height:10rem;border:7px solid #282828;box-shadow:-4px -4px 10px rgba(67,67,67,.5),inset 4px 4px 10px rgba(0,0,0,.5),inset -4px -4px 10px rgba(67,67,67,.5),4px 4px 10px rgba(0,0,0,.3);border-radius:50%;margin:50px auto;position:relative;padding:2rem}.outer-clock-face{position:relative;width:100%;height:100%;border-radius:100%;background:#282828;overflow:hidden}.outer-clock-face::after{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);transform:rotate(90deg)}.outer-clock-face::before,.outer-clock-face::after,.outer-clock-face .marking{content:'';position:absolute;width:5px;height:100%;background:#1df52f;z-index:0;left:49%}.outer-clock-face .marking{background:#bdbdcb;width:3px}.outer-clock-face .marking.marking-one{-webkit-transform:rotate(30deg);-moz-transform:rotate(30deg);transform:rotate(30deg)}.outer-clock-face .marking.marking-two{-webkit-transform:rotate(60deg);-moz-transform:rotate(60deg);transform:rotate(60deg)}.outer-clock-face .marking.marking-three{-webkit-transform:rotate(120deg);-moz-transform:rotate(120deg);transform:rotate(120deg)}.outer-clock-face .marking.marking-four{-webkit-transform:rotate(150deg);-moz-transform:rotate(150deg);transform:rotate(150deg)}.inner-clock-face{position:absolute;top:10%;left:10%;width:80%;height:80%;background:#282828;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;z-index:1}.inner-clock-face::before{content:'';position:absolute;top:50%;left:50%;width:16px;height:16px;border-radius:18px;margin-left:-9px;margin-top:-6px;background:#4d4b63;z-index:11}.hand{width:50%;right:50%;height:6px;background:#61afff;position:absolute;top:50%;border-radius:6px;transform-origin:100%;transform:rotate(90deg);transition-timing-function:cubic-bezier(.1,2.7,.58,1)}.hand.hour-hand{width:30%;z-index:3}.hand.min-hand{height:3px;z-index:10;width:40%}.hand.second-hand{background:#ee791a;width:45%;height:2px}.task-container input,button{font-family:inherit}.task-container h1{font-size:2rem;margin-bottom:1rem;text-align:center;color:#fff}.task-container h3{font-size:1rem;margin-bottom:1rem;text-align:center;color:#fff}.task-container{width:100%;max-width:600px;padding:3rem;background:rgba(0,0,0,.8);border-radius:10px;box-shadow:0 4px 6px rgba(255,255,255,.1),0 1px 3px rgba(0,0,0,.1);position:relative}.progress-bar-container{height:20px;background-color:rgba(255,255,255,.1);border-radius:10px;margin-bottom:1rem;overflow:hidden}.progress-bar{height:100%;width:0;background-color:#4caf50;transition:width 0.3s}.task-input{display:flex;margin-bottom:1rem}.task-input input{flex:1 1 auto;padding:.75rem;outline:none;background:rgba(255,255,255,.1);border:none;color:#fff;border-radius:5px}.task-input button{background-color:#4caf50;border:none;color:#fff;padding:.5rem 2.5rem;text-align:center;text-decoration:none;display:inline-block;font-size:.9rem;margin-left:.5rem;cursor:pointer;border-radius:5px;transition:background-color 0.3s}.task-input button:hover{background-color:#45a049}.task-container ul{list-style:none;margin-bottom:2rem}.task-container ul li{background:rgba(255,255,255,.075);border-radius:5px;padding:.5rem;display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem;color:#fff}.task-container ul li span{flex-grow:1;margin-left:.5rem}.task-container ul li.done{text-decoration:line-through;opacity:.5}.delete-all-btn{background-color:#e5611b;position:absolute;bottom:.75rem;right:2.75rem;border:none;color:#fff;padding:.5rem 1.25rem;text-align:center;text-decoration:none;display:inline-block;font-size:.9rem;cursor:pointer;border-radius:5px;transition:background-color 0.3s;margin-top:1rem}.delete-all-btn:hover{background-color:#ff5e09}.status-text{font-size:1rem;text-align:center;margin-bottom:1rem;color:#fff}@media screen and (max-width:480px){.task-container h1{font-size:1.5rem}.task-input input{font-size:.9rem}.task-input button{font-size:.8rem}.task-container ul li button{font-size:.8rem}}#promodoro-container{border:1px solid #333;border-radius:20px;width:600px;margin:20px auto;padding:20px;text-align:center;background:#333}#timer{color:#61afff;font-size:50px;margin:10px auto;border:7px solid #282828;box-shadow:-4px -4px 10px rgba(67,67,67,.5),inset 4px 4px 10px rgba(0,0,0,.5),inset -4px -4px 10px rgba(67,67,67,.5),4px 4px 10px rgba(0,0,0,.3);border-radius:50%;width:200px;height:200px;overflow:hidden;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}#time{margin-top:70px;z-index:1;position:relative}#filler{background:#dfc;height:0;width:200px;position:absolute;bottom:0}#buttons button{background:#4da6ff;border:none;color:#fff;cursor:pointer;padding:5px;width:90px;margin:10px auto;font-size:14px;height:40px;border-radius:50px}#buttons button#shortBreak{background:#00D084}#buttons button#longBreak{background:#080}#buttons button#stop{background:#FA9302}.start-work{background-color:#55a194;color:#fff;border:none;padding:10px 20px;margin:5px;cursor:pointer}.take-break{background-color:#3b7067;color:#fff;border:none;padding:10px 20px;margin:5px;cursor:pointer}.resume-work{background-color:#1e85f7;color:#fff;border:none;padding:10px 20px;margin:5px;cursor:pointer}.stop-work{background-color:#f8b014;color:#fff;border:none;padding:10px 20px;margin:5px;cursor:pointer}.reset-timer{background-color:salmon;color:#fff;border:none;padding:10px 20px;margin:5px;cursor:pointer}.delete-data{background-color:#f66;color:#fff;border:none;padding:10px 20px;margin:5px;cursor:pointer}.time-tracking-table{border-collapse:collapse;width:100%;color:#fff}.time-tracking-table th,.time-tracking-table td{border:1px solid #ddd;padding:8px;text-align:left}.time-tracking-table tr:nth-child(even){background-color:#f2f2f2}.time-tracking-table tr:hover{background-color:#DDDDDD35}.time-tracking-table{border-collapse:collapse;width:100%}.time-tracking-table th,.time-tracking-table td{border:1px solid #ddd;padding:8px;text-align:left;font-size:15px}.time-tracking-table tr:nth-child(even){background-color:#f2f2f2}.time-tracking-table tr:hover{background-color:#DDDDDD3A}.report-table{border-collapse:collapse;width:100%;color:#fff}.report-table th,.report-table td{border:1px solid #ddd;padding:8px;text-align:left;font-size:15px}.report-table tr:hover{background-color:#ddd}.time-tracking-table{border-collapse:collapse;width:100%}.time-tracking-table th,.time-tracking-table td{border:1px solid #ddd;padding:8px;text-align:left}.time-tracking-table tr:nth-child(even){background-color:#f2f2f2}.time-tracking-table tr:hover{background-color:#ddd}.table-gap{margin-bottom:30px}.report-table{border-collapse:collapse;width:100%}.report-table th,.report-table td{border:1px solid #ddd;padding:8px;text-align:left}.report-table tr:hover{background-color:#ddd}.work-timer{font-size:35px;color:#fff;text-decoration:bold;margin-top:10px;margin-bottom:5px}.break-timer{font-size:20px;color:salmon;text-decoration:bold;margin-bottom:10px}#wrapper{width:30em;height:8.75em;position:absolute;top:50%;left:50%;margin:-4.375em 0 0 -15em}.audioplayer{height:2.5em;color:#fff;text-shadow:1px 1px 0 #000;border:1px solid #222;position:relative;z-index:1;background:#333}.audioplayer-mini{width:2.5em;margin:0 auto}.audioplayer>div{position:absolute}.audioplayer-playpause{width:2.5em;height:100%;text-align:left;text-indent:-9999px;cursor:pointer;z-index:2;top:0;left:0}.audioplayer:not(.audioplayer-mini) .audioplayer-playpause{border-right:1px solid #555;border-right-color:rgba(255,255,255,.1)}.audioplayer-mini .audioplayer-playpause{width:100%}.audioplayer-playpause:hover,.audioplayer-playpause:focus{background-color:#222}.audioplayer-playpause a{display:block}.audioplayer-stopped .audioplayer-playpause a{width:0;height:0;border:.5em solid transparent;border-right:none;border-left-color:#fff;content:'';position:absolute;top:50%;left:50%;margin:-.5em 0 0 -.25em}.audioplayer-playing .audioplayer-playpause a{width:.75em;height:.75em;position:absolute;top:50%;left:50%;margin:-.375em 0 0 -.375em}.audioplayer-playing .audioplayer-playpause a:before,.audioplayer-playing .audioplayer-playpause a:after{width:40%;height:100%;background-color:#fff;content:'';position:absolute;top:0}.audioplayer-playing .audioplayer-playpause a:before{left:0}.audioplayer-playing .audioplayer-playpause a:after{right:0}.audioplayer-time{width:4.375em;height:100%;line-height:2.375em;text-align:center;z-index:2;top:0}.audioplayer-time-current{border-left:1px solid #111;border-left-color:rgba(0,0,0,.25);left:2.5em}.audioplayer-time-duration{border-right:1px solid #555;border-right-color:rgba(255,255,255,.1);right:2.5em}.audioplayer-novolume .audioplayer-time-duration{border-right:0;right:0}.audioplayer-bar{height:.875em;background-color:#222;cursor:pointer;z-index:1;top:50%;right:6.875em;left:6.875em;margin-top:-.438em}.audioplayer-novolume .audioplayer-bar{right:4.375em}.audioplayer-bar div{width:0;height:100%;position:absolute;left:0;top:0}.audioplayer-bar-loaded{background-color:#333;z-index:1}.audioplayer-bar-played{background:#007fd1;z-index:2}.audioplayer-volume{width:2.5em;height:100%;border-left:1px solid #111;border-left-color:rgba(0,0,0,.25);text-align:left;text-indent:-9999px;cursor:pointer;z-index:2;top:0;right:0}.audioplayer-volume:hover,.audioplayer-volume:focus{background-color:#222}.audioplayer-volume-button{width:100%;height:100%}.audioplayer-volume-button a{width:.313em;height:.375em;background-color:#fff;display:block;position:relative;z-index:1;top:40%;left:35%}.audioplayer-volume-button a:before,.audioplayer-volume-button a:after{content:'';position:absolute}.audioplayer-volume-button a:before{width:0;height:0;border:.5em solid transparent;border-left:none;border-right-color:#fff;z-index:2;top:50%;right:-.25em;margin-top:-.5em}.audioplayer:not(.audioplayer-muted) .audioplayer-volume-button a:after{width:.313em;height:.313em;border:.25em double #fff;border-width:.25em .25em 0 0;left:.563em;top:-.063em;-webkit-border-radius:0 .938em 0 0;-moz-border-radius:0 .938em 0 0;border-radius:0 .938em 0 0;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.audioplayer-volume-adjust{height:6.25em;cursor:default;position:absolute;left:0;right:-1px;top:-9999px;background:#333}.audioplayer-volume:not(:hover) .audioplayer-volume-adjust{opacity:0}.audioplayer-volume:hover .audioplayer-volume-adjust{top:auto;bottom:100%}.audioplayer-volume-adjust>div{width:40%;height:80%;background-color:#222;cursor:pointer;position:relative;z-index:1;margin:30% auto 0}.audioplayer-volume-adjust div div{width:100%;height:100%;position:absolute;bottom:0;left:0;background:#007fd1}.audioplayer-novolume .audioplayer-volume{display:none}body{-webkit-box-shadow:inset 0 0 18.75em rgba(0,0,0,.5);-moz-box-shadow:inset 0 0 18.75em rgba(0,0,0,5);box-shadow:inset 0 0 18.75em rgba(0,0,0,.5)}.audioplayer{-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 0 1.25em rgba(0,0,0,.5);-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 0 1.25em rgba(0,0,0,.5);box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 0 1.25em rgba(0,0,0,.5)}.audioplayer-volume-adjust{-webkit-box-shadow:-2px -2px 2px rgba(0,0,0,.15),2px -2px 2px rgba(0,0,0,.15);-moz-box-shadow:-2px -2px 2px rgba(0,0,0,.15),2px -2px 2px rgba(0,0,0,.15);box-shadow:-2px -2px 2px rgba(0,0,0,.15),2px -2px 2px rgba(0,0,0,.15)}.audioplayer-bar,.audioplayer-volume-adjust>div{-webkit-box-shadow:-1px -1px 0 rgba(0,0,0,.5),1px 1px 0 rgba(255,255,255,.1);-moz-box-shadow:-1px -1px 0 rgba(0,0,0,.5),1px 1px 0 rgba(255,255,255,.1);box-shadow:-1px -1px 0 rgba(0,0,0,.5),1px 1px 0 rgba(255,255,255,.1)}.audioplayer-volume-adjust div div,.audioplayer-bar-played{-webkit-box-shadow:inset 0 0 5px rgba(255,255,255,.5);-moz-box-shadow:inset 0 0 5px rgba(255,255,255,.5);box-shadow:inset 0 0 5px rgba(255,255,255,.5)}.audioplayer-playpause,.audioplayer-volume a{-webkit-filter:drop-shadow(1px 1px 0 #000);-moz-filter:drop-shadow(1px 1px 0 #000);-ms-filter:drop-shadow(1px 1px 0 #000);-o-filter:drop-shadow(1px 1px 0 #000);filter:drop-shadow(1px 1px 0 #000)}.audioplayer,.audioplayer-volume-adjust{background:-webkit-gradient(linear,left top,left bottom,from(#444),to(#222));background:-webkit-linear-gradient(top,#444,#222);background:-moz-linear-gradient(top,#444,#222);background:-ms-radial-gradient(top,#444,#222);background:-o-linear-gradient(top,#444,#222);background:linear-gradient(to bottom,#444,#222)}.audioplayer-bar-played{background:-webkit-gradient(linear,left top,right top,from(#007fd1),to(#c600ff));background:-webkit-linear-gradient(left,#007fd1,#c600ff);background:-moz-linear-gradient(left,#007fd1,#c600ff);background:-ms-radial-gradient(left,#007fd1,#c600ff);background:-o-linear-gradient(left,#007fd1,#c600ff);background:linear-gradient(to right,#007fd1,#c600ff)}.audioplayer-volume-adjust div div{background:-webkit-gradient(linear,left bottom,left top,from(#007fd1),to(#c600ff));background:-webkit-linear-gradient(bottom,#007fd1,#c600ff);background:-moz-linear-gradient(bottom,#007fd1,#c600ff);background:-ms-radial-gradient(bottom,#007fd1,#c600ff);background:-o-linear-gradient(bottom,#007fd1,#c600ff);background:linear-gradient(to top,#007fd1,#c600ff)}.audioplayer-bar,.audioplayer-bar div,.audioplayer-volume-adjust div{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.audioplayer{-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.audioplayer-volume-adjust{-webkit-border-top-left-radius:2px;-webkit-border-top-right-radius:2px;-moz-border-radius-topleft:2px;-moz-border-radius-topright:2px;border-top-left-radius:2px;border-top-right-radius:2px}.audioplayer *,.audioplayer *:before,.audioplayer *:after{-webkit-transition:color .25s ease,background-color .25s ease,opacity .5s ease;-moz-transition:color .25s ease,background-color .25s ease,opacity .5s ease;-ms-transition:color .25s ease,background-color .25s ease,opacity .5s ease;-o-transition:color .25s ease,background-color .25s ease,opacity .5s ease;transition:color .25s ease,background-color .25s ease,opacity .5s ease}@media only screen and (max-width:32.5em){#wrapper{width:90%;height:auto;position:static;padding:1.25em;margin:0}}