body{background:#000010;color:#fff;-webkit-user-select:none;user-select:none;font-size:18px}button{background:none;box-shadow:none;outline:none;border:none;border-radius:5px;transition-duration:.2s;color:#fff;font-size:unset;-webkit-user-select:none;user-select:none}button:hover{background:#ffffff1a}button:focus{border:none}input{background:#ffffff1a;border:none;outline:none;box-shadow:none;color:#fff;border-radius:100px;font-size:18px;padding:0 20px;text-align:center}textarea{background:#ffffff1a;border:none;outline:none;box-shadow:none;color:#fff;border-radius:10px;font-size:18px;padding:0 20px;width:90%}time-input{width:50px}.alerts{position:absolute;left:40%;right:40%;display:flex;flex-direction:column}.alert{text-align:center;font-weight:bolder;background:#fa7;border-radius:100px;color:#000;margin:5px 0}.task{background:#ffffff1a;transition-duration:.1s;border-radius:10px;margin:5px 0;padding:2px 20px;display:flex;justify-content:space-between;align-items:center}.task:hover{background:#ffffff26}.notes{background:#ffffff1a;border-radius:0 0 15px 15px;padding:10px}.add-button{font-weight:700;color:#5f5;font-size:24px;margin:0 10px}.running{margin-left:20px;color:#5f5}.stopped{margin-left:20px;color:#f55}.overtime{color:#f88}.time-divider{margin:0 20px}.bin{color:#ff2020;margin:0 10px}.bin-img{position:relative;top:3px;color:#ff2020;height:20px}.upper-icon{height:40px}.fade-move,.fade-enter-active,.fade-leave-active{transition:all .3s cubic-bezier(.55,0,.1,1)}.fade-enter-from{opacity:0;transform:translateY(30px)}.fade-leave-to{opacity:0;transform:translateY(-30px)}.fade-leave-active{position:absolute;right:10px;left:10px}
