.timer-area{background-color:#ffffff0d;border:1px solid #0000001a;border-radius:50%;justify-content:center;align-items:center;width:400px;min-width:400px;height:400px;padding:30px;display:flex}.timer-area-content{flex-direction:column;justify-content:center;align-items:center;display:flex}.timer{font-size:120px;font-weight:600}.start-button{margin-right:10px}.time-type{display:flex}.time-type button{color:#fff;background:0 0;border:none;border-radius:5px;margin-bottom:10px;margin-left:10px;padding:5px;font-family:Fredoka;font-size:20px;font-weight:600}.time-type button:hover{cursor:pointer}.button-container button{color:#9acd32c4;background-color:#fff;border:none;border-radius:3px;min-width:50px;max-width:150px;margin-top:25px;padding:5px 20px;font-family:Fredoka;font-size:20px;font-weight:700;box-shadow:2px 2px 5px #0000004d}.button-container button:hover{cursor:pointer}.pomo-counter{margin-bottom:10px;font-size:20px}
.mark-task{width:16px;height:16px;margin-right:15px}.task-container{overflow-wrap:break-word;justify-content:left;align-items:center;width:285px;text-decoration:none;display:flex}.task-container p{width:165px;margin:7px 0}.trash-logo{width:20px;height:20px;padding:3px}.up-arrow,.down-arrow{width:18px;height:18px;padding:2px}.up-arrow{margin-left:5px}.trash-logo:hover,.up-arrow:hover,.down-arrow:hover{cursor:pointer}
.task-list{flex-direction:column;justify-content:center;align-items:center;min-width:305px;margin-left:20px;padding:20px 20px 30px;display:flex}.add-task{justify-content:center;align-items:center;margin-bottom:10px;padding:5px;display:flex}.add-task input{border:none;border-radius:3px;width:200px;padding:5px;font-family:Fredoka}.add-task input:focus{outline:2px solid #0000004d}.add-task button{color:#9acd32c4;background-color:#fff;border:none;border-radius:3px;min-width:50px;max-width:150px;margin-left:5px;padding:5px 20px;font-family:Fredoka;font-weight:600;box-shadow:2px 2px 5px #0000004d}.add-task button:hover{cursor:pointer}.task-list h3{font-size:25px}
.app-container{background-color:#789f29;min-height:100vh;transition:background-color 1s}.main-page-header{background-color:#0000!important}.main-title{text-align:center;color:#fff;max-width:250px;margin-right:auto;font-size:25px;font-weight:600}.text-main-title{text-align:center;font-size:40px;font-weight:600}.app-logo{width:30px;height:30px;margin-left:13%;margin-right:6px}.timer-durations{justify-content:center;margin-bottom:20px;display:none}.timer-durations label:first-of-type{margin-right:10px}.separation-line{background-color:#0000001a;width:75%;height:2px;margin:auto auto 30px}.timer-and-tasks{color:#fff;border-radius:70px;justify-content:center;max-width:75%;margin:5% auto;display:flex}.description-text{height:100%;margin:5% 20%}.description-text h1{font-size:40px}.description-text h2{margin-top:5%}.description-text p{font-size:18px}.description-text ul{margin-top:0;font-size:18px}.description-text h3{font-weight:500}.description-text .last-paragraph{font-size:15px;font-style:italic}.shortBreakMode h1,.shortBreakMode h2,.shortBreakMode a{color:#005f8e;transition:color 1s}.longBreakMode h1,.longBreakMode h2,.longBreakMode a{color:#00308e;transition:color 1s}.workTimeMode h1,.workTimeMode h2,.workTimeMode a{color:#789f29;transition:color 1s}@media screen and (max-width:920px){.main-title{font-size:22px}.app-logo{width:25px;height:25px}.timer-and-tasks{flex-direction:column;align-items:center}.timer-area{width:250px;min-width:250px;height:250px}.timer{font-size:85px}.time-type button{width:85px;font-size:14px}.button-container button{margin-top:9px;font-size:14px}.add-task{margin-bottom:5px}.task-list{border-top:1px solid #0000001a;border-left:none;width:250px;min-width:200px;margin-top:10px;margin-left:0;padding:10px}.task-list h3{font-size:18px}.add-task input{width:200px}.pomo-counter{margin-bottom:5px;font-size:15px}.description-text h1{font-size:34px}}@media screen and (max-width:690px){.main-title{font-size:calc(1rem + 1vw)!important}.app-header{padding:15px!important}.buttons-header-section p{display:none}.main-logo-link{margin-left:auto!important}}@media screen and (max-width:480px){.app-header p{display:none}.app-logo{margin-left:auto}}@media screen and (max-width:380px){.main-title{font-size:calc(1rem + 1vw)}.timer-and-tasks{flex-direction:column;align-items:center}.timer-area{width:50vw;min-width:150px;height:50vw}.timer{font-size:17vw}.time-type button{width:18vw;font-size:5vw}.button-container button{padding:2px;font-size:12px;box-shadow:1px 1px 2px #00000096}.task-list{width:60vw;min-width:170px;margin-top:10px;margin-left:0;padding:5px}.task-list h3{font-size:14px}.add-task{margin-bottom:5px}.add-task input{width:35vw;height:9px}.add-task button{width:50px;padding:2px 0;font-size:12px;box-shadow:1px 1px 2px #00000096}.task-container p{width:20vw;font-size:14px}.task-container{width:56vw}.app-header p{display:none}.description-text h1{font-size:25px}.description-text p{font-size:15px}.description-text h2{font-size:18px}.description-text h3{font-size:16px}.description-text ul,.description-text ol{font-size:15px}.main-logo-link{margin-left:0!important}.buttons-header-section{margin-right:0!important}.separation-line{width:90%!important}}