body,h2{margin:0}.home .circle .status,.home .circle .time{position:absolute;z-index:1000;text-shadow:2px 2px 5px rgba(0,0,0,.1)}:root{--primary-bg:#F5E8D9;--header-bg:#3B4D61;--section-bg:#FAF3E0;--primary-text:#704F40;--secondary-text:#3B4D61;--highlight-text:#E2B649;--timer-border:#A57C65;--timer-text:#8B5E3C;--timer-progress:#B55242;--button-bg:#6B8E23;--button-text:#FFFFFF;--button-hover:#5E7D2A;--input-bg:#FAF3E0;--input-border:#A57C65;--input-text:#704F40;--error-text:#B55242;--white:#FFFFFF;--black:#222222;--fs-14:.9em;--fs-18:1.1em;--fs-20:1.2em;--fs-24:1.4em;--fs-32:2em;--fs-48:3em;--fs-100:7em;--fs-144:9em}.dark-mode{--primary-bg:#1E1E1E;--header-bg:#2B3A47;--section-bg:#252A32;--primary-text:#E5C7A9;--secondary-text:#C8B6A6;--highlight-text:#F4C95D;--timer-border:#8B6F5A;--timer-text:#D7B899;--timer-progress:#E07A5F;--button-bg:#556B2F;--button-text:#F5F5F5;--button-hover:#6E8B3D;--input-bg:#2F3A47;--input-border:#8B6F5A;--input-text:#E5C7A9;--error-text:#E07A5F;--white:#EAEAEA;--black:#111111}.break-time{--primary-bg:#E3F2FD;--header-bg:#1E88E5;--section-bg:#BBDEFB;--primary-text:#1A3D5F;--secondary-text:#1565C0;--highlight-text:#FDD835;--timer-border:#64B5F6;--timer-text:#1976D2;--timer-progress:#FFB74D;--button-bg:#43A047;--button-text:#FFFFFF;--button-hover:#388E3C;--input-bg:#E3F2FD;--input-border:#64B5F6;--input-text:#1A3D5F;--white:#FFFFFF;--black:#222222}@font-face{font-display:swap;font-family:Lora;font-style:normal;font-weight:400;src:url('../fonts/lora-v35-latin-regular.woff2') format('woff2')}@font-face{font-display:swap;font-family:Lora;font-style:normal;font-weight:500;src:url('../fonts/lora-v35-latin-500.woff2') format('woff2')}@font-face{font-display:swap;font-family:Lora;font-style:normal;font-weight:600;src:url('../fonts/lora-v35-latin-600.woff2') format('woff2')}@font-face{font-display:swap;font-family:Lora;font-style:normal;font-weight:700;src:url('../fonts/lora-v35-latin-700.woff2') format('woff2')}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}a{text-decoration:none}body{transition:.3s}ul{list-style:none;padding:0}html{scroll-behavior:smooth}@media(min-width:767px){.container{width:750px}}@media(min-width:992px){.container{width:970px}}@media(min-width:1200px){.container{width:1170px}}.container{padding:0 15px;margin:0 auto}.popup,footer .container p{padding:15px;text-align:center}header{background-color:var(--header-bg)}header .container{display:flex;justify-content:space-between}header .logo{color:var(--highlight-text);font-weight:700;font-size:var(--fs-32);margin:auto 0}header .links,header .menu{display:flex;align-items:center;gap:20px}header .menu li a{color:var(--white);text-transform:uppercase;transition:.3s}footer .container p a,header .menu li a:hover{color:var(--highlight-text)}header .links .dark-mode-div svg{width:35px;height:35px;transition:.3s;border-radius:50%;cursor:pointer}header .links .dark-mode-div .moon{display:none;width:30px;height:30px;fill:var(--highlight-text)}header .links .dark-mode-div .sun{fill:var(--highlight-text)}header .links .dark-mode-div svg:hover{transform:rotate(-30deg) scale(.8)}.menu-clicked{display:flex!important;flex-direction:column!important;position:absolute;bottom:-55px;right:0;width:100%;height:100%;background:var(--secondary-text);opacity:.8;z-index:2000}.display-none,.popup{display:none}header .toggle-menu{width:20px;height:30px;position:relative;display:none;cursor:pointer}header .toggle-menu .line{width:20px;height:2px;background-color:var(--white);margin:6px;transition:.3s}.line-move{position:absolute;top:30%;left:0;height:1.5px}.line12-rotate{transform:rotate(45deg);margin:0}.line3-rotate{transform:rotate(-45deg);margin:0}.home .circle .time,.home .tasks .line::before,.popup{top:50%;left:50%;transform:translate(-50%,-50%)}.popup{position:fixed;background:#fff;border-radius:5px;box-shadow:0 0 10px rgba(0,0,0,.2);z-index:5000}#audioToggle{-webkit-appearance:none;appearance:none}.audio-check{width:78px;height:32px;background-color:#ccc;border-radius:16px;position:relative;transition:.3s;cursor:pointer}.articles-list,.home,.home .circle .time,.home .tasks .line::before{background-color:var(--primary-bg)}.audio-check::before{content:"";background-color:#fff;width:24px;height:24px;position:absolute;left:5px;top:5px;border-radius:50%;transition:.3s}#audioToggle:checked+.audio-check{background-color:var(--timer-text)}#audioToggle:checked+.audio-check::before{background-color:var(--highlight-text);left:50px}#closePopup{cursor:pointer;color:var(--error-text);text-align:center;margin-top:10px}#minutes-number,.home .tasks form #task-duration,.home .tasks form #task-name{color:var(--input-text);padding:10px;outline:0;background-color:var(--input-bg)}@media(max-width:991px){header .container .links .menu{display:none}header .toggle-menu{display:block}}.home>.container,.main .container{display:flex;justify-content:center;align-items:center;flex-direction:column;min-height:calc(100vh - 50px)}.home .circle{display:flex;justify-content:center;align-items:center;position:relative}.home svg{width:450px;height:auto;overflow:hidden;display:flex;justify-content:center;align-items:center;transform:rotate(-90deg)}.home svg .stroke-bg{cx:50;cy:50;r:45;stroke:var(--timer-border);stroke-width:7;fill:transparent}.home svg #progress{x:50;cy:50;r:45;stroke:var(--timer-progress);stroke-width:7;fill:transparent;stroke-dasharray:280;stroke-dashoffset:280;stroke-linecap:round}.home .circle .time{color:var(--timer-text);font-weight:700;font-size:var(--fs-144);width:85%;height:85%;display:flex;align-items:center;justify-content:center;border-radius:50%}#task-name-div,.home .circle .status{color:var(--primary-text);font-weight:700}.home .circle .status{top:67%;font-size:var(--fs-18)}.home .control-buttons{padding:25px}.control-buttons .edit-box,article{background-color:var(--section-bg);padding:20px}.control-buttons .edit-box .submit,.home .control-buttons .btn,.main .control-buttons .btn{font-size:var(--fs-32);display:inline-block;background-color:var(--button-bg);background:linear-gradient(180deg,#6b8e23 0,#556b2f 100%);padding:10px 20px;border-radius:8px;color:var(--white);text-align:center;margin-right:20px;cursor:pointer;transition:.3s}.control-buttons .edit-holder,.main .time-holder{position:relative}.control-buttons .edit-box{position:absolute;border-radius:10px;box-shadow:0 1px 10px 3px #00000052;transition:.3s;top:-132px;right:-188px}.control-buttons .edit-box form{display:flex;gap:20px;position:relative}.control-buttons .edit-box form .exit{width:20px;height:20px;position:absolute;cursor:pointer;right:-18px;top:-15px;fill:var(--highlight)}#minutes-number{width:121px;height:50px;border-radius:11px;box-shadow:1px 2px 5px rgba(0,0,0,.15);border:none;box-sizing:border-box;transition:.3s}#minutes-number:focus,.home .tasks .line::before{border:1px solid var(--black)}.control-buttons .edit-box .submit{font-size:var(--fs-14);font-weight:700;border:none;box-shadow:0 1px 10px 3px #00000052}.home .control-buttons>:hover{background-color:var(--button-hover);scale:1.05}.display-block{display:block}@media(max-width:450px){.home .circle .time{font-size:25vw}.control-buttons .btn{font-size:var(--fs-14)!important}}.home .tasks,.home .tasks-list{padding-bottom:20px}.home .tasks .line{width:100%;height:1px;background-color:var(--black);position:relative;margin-bottom:50px}.home .tasks .line::before{content:"Tasks";position:absolute;font-size:var(--fs-24);padding:15px 30px;color:var(--secondary-bg)}.home .tasks form{width:fit-content;margin:0 auto;display:flex;gap:20px}.home .tasks form .task-info{display:flex;background-color:var(--input-bg);box-shadow:0 4px 10px rgba(0,0,0,.1);border-radius:6px}.home .tasks form #task-duration,.home .tasks form #task-name{border:1px solid var(--input-border)}.home .tasks form #task-name{width:70%;border-right:none;border-radius:6px 0 0 6px}.home .tasks form #task-duration{width:30%;border-radius:0 6px 6px 0}.home .tasks form .add-btn{background-color:var(--input-bg);font-size:var(--fs-18);padding:10px 20px;border:1px solid var(--input-border);border-radius:10px;color:var(--timer-text);cursor:pointer;box-shadow:0 4px 10px rgba(0,0,0,.1)}#clear-task-btn,#start-task-btn,#task-name-div,.home .tasks .clear-all{font-size:var(--fs-18);padding:10px;border:1px solid var(--primary-text)}#task-div{margin:20px auto 0;display:flex}#task-name-div{width:100%;text-overflow:ellipsis;overflow:hidden}#clear-task-btn,#start-task-btn,.home .tasks .clear-all{color:var(--secondary-text);border-left:none;cursor:pointer}.home .tasks .clear-all{border:1px solid var(--primary-text);width:fit-content;margin:0 auto}@media(max-width:768px){.home svg{max-width:100%}.control-buttons{display:flex;align-items:center;gap:20px;flex-direction:column}.home .tasks form{flex-direction:column}}article{border-top:1px solid var(--error-text)}.main,footer{background-color:var(--black)}footer .container p{color:var(--white);margin:0}footer .container p a{text-decoration:underline;font-weight:700}footer .container .pages{text-align:center}footer .container .pages a{color:#8ecae6;font-weight:700;margin-right:20px}footer .container .copyright{font-size:var(--fs-14);color:#adb5bd}footer .container .copyright span{font-weight:700}.main .time-holder svg{position:absolute;fill:white;width:35px;height:auto;top:-10px;right:-10px;cursor:pointer;transition:.3s}.main .time-holder svg:hover{transform:scale(1.2)}.main .time-holder .time-text{color:var(--white);font-size:30vw}.article-list li{padding:10px;text-decoration: underline;}.error-msg {background-color: var(--primary-bg);}.special{font-weight:700;text-decoration:underline;padding:2px 5px;border-radius:5px;transition:.3s ease-in-out;color:#fff;background-color:#ff5733}