.main-div{display:flex;align-items:center;flex-direction:column}#root{margin:0;padding:0;text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column}*{margin:3px auto}.notify-button-on{color:green}.notify-button-off{color:#f50}.main-div{display:flex;align-items:center;justify-content:center;width:55rem;background-color:var(--bg2);border-radius:10px}@media screen and (max-width: 100px){html{background-size:10px;background-image:url(/assets/Timer-Scroll-DhL06nuN.png)}}html{background:linear-gradient(180deg,#020617,#172547);background-size:cover;background-position:center}@font-face{font-family:Montserrat;src:url(../src/assets/fonts/Montserrat-VariableFont_wght.ttf)}:root{--grey1: #ffffff;--grey2: #E0E0E0;--grey3: #C0C0C0;--grey4: #A0A0A0;--grey5: #808080;--grey6: #404040;--grey7: #202020;--bg:var(--grey2);--mainFont: Montserrat, Arial, Helvetica, sans-serif;--bold: 600;font-family:var(--mainFont);margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;--margin-xxl: 2.5rem;--margin-xl: 1.75rem;--margin-l: 1.25rem;--margin-m: 1rem;--margin-s: .75rem;--margin-xs: .5rem;--margin-xxs: .25rem}.light{--txt1:var(--grey7);--txt2:var(--grey6);--bg1:var(--grey1);--bg2:var(--grey2);--bg3:var(--grey3);--bg4:var(--grey7)}.mid{--txt1:var(--grey1);--txt2:var(--grey2);--bg1:var(--grey4);--bg2:var(--grey5);--bg3:var(--grey6);--bg4:var(--grey7)}.dark{--txt1:var(--grey1);--txt2:var(--grey2);--bg1:var(--grey7);--bg2:var(--grey6);--bg3:var(--grey5);--bg4:var(--grey7)}h1{font-size:5rem;color:var(--txt1)}h2{font-size:2.5rem;color:var(--txt1)}h3{font-size:1.25rem;color:var(--txt1)}p{color:var(--txt2)}h1,h2,h3,p{transition:color .3s ease}button{border-radius:5px;border:none;background-color:var(--bg1);color:var(--txt1);font-family:var(--mainFont);transition:color .25s ease}div{transition:background-color .25s ease}.timer-Focus{color:var(--dark)}.timer-Break{color:#807c00}.timer-Long{color:#816451}.timer{position:relative;display:flex;align-items:center;flex-direction:column;padding:10px;margin:3rem;border-radius:10px;box-shadow:0 15px 2px -5px var(--bg3);width:70%;height:16rem;background:var(--bg1)}.timer>*{position:relative}.timer-time{top:3rem;width:80%;color:var(--txt1);background-color:var(--bg2);border-radius:20px}.timer-buttons{display:flex;justify-content:space-between;top:4rem;width:30%;height:4rem;gap:3px}.timer-buttons>*{display:flex;align-items:center;justify-content:center;height:100%;min-width:0;aspect-ratio:1/1;border-radius:10%;background-color:var(--bg2);overflow:hidden}.stage{position:absolute;top:-1.75rem;width:50%;background-color:var(--bg3);border-radius:10px;z-index:2}.todo-list-div{width:100%}.todo-list{display:flex;flex-direction:column;align-items:center;justify-content:center;width:75%;border-radius:var(--margin-s);padding-top:3px;padding-bottom:3px}.todo-create-input{height:var(--margin-xxl);width:30%;padding:3px;margin:3px;border-radius:.75rem;border-color:var(--bg1);border-width:3px;color:var(--txt1);background-color:var(--bg2);font-size:var(--margin-xl);font-weight:var(--bold);transition:width .18s ease}#root{--primary: #3478f6}.todo-create-input::placeholder{color:color-mix(in srgb,var(--txt2) 30%,transparent)}.todo-create-button{align-self:center;margin:1px;height:var(--margin-xxl);aspect-ratio:1/1;font-size:var(--margin-xl);transition:background-color .25s ease}.todo-questify{height:var(--margin-xxl);margin:5px;font-size:var(--margin-xl);font-weight:var(--bold);transition:background-color .25s ease}.todo-item-status{margin:3px;width:85%;aspect-ratio:1/1;border-radius:10%;background-color:var(--bg3);font-size:var(--margin-xxl);transition:transform .18s ease}.todo-item{display:grid;grid-template-rows:auto;grid-template-columns:4.5rem 1fr 4.5rem;align-items:center;justify-items:center;width:98%;margin:3px;background-color:var(--bg1);border-radius:1rem;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease,grid-template-columns .22s ease}.todo-item-content{width:100%}.todo-item-title{text-wrap:wrap;resize:none}.todo-item-actions{display:grid;grid-template-rows:1fr,1fr;grid-template-columns:1fr 1fr;height:100%;width:100%}.todo-item-remove{grid-area:1/1/3/2;width:80%;font-size:large;color:red}.todo-item-move{width:80%;aspect-ratio:1/1}.todo-item-input{height:var(--margin-xxl);width:4.5%;max-width:100%;padding:3px;margin:3px;border-radius:1rem;border:none;transition:width .18s ease;justify-self:center;color:var(--txt1);background-color:var(--bg3);font-family:var(--mainFont);font-size:var(--margin-m);font-weight:var(--bold)}.todo-item-move{cursor:n-resize;transition:transform .12s ease}.todo-item-move:hover{transform:scale(1.15)}.todo-item-move:active{transform:scale(1.05)}.todo-item-status:active{transform:scale(.8)}.todo-item-actions>*{display:grid;place-items:center;opacity:0;transition:transform .15s ease,opacity .2s ease;background-color:var(--bg3)}.todo-item-actions>*:hover{transform:scale(1.15)}.todo-item-remove:hover{transform:translate(-4px) scale(1.15)}.todo-item-move:hover{transform:translate(4px) scale(1.15)}.todo-item-input:focus{width:90%}.todo-create-input:hover,.todo-create-input:focus,.create-hover:hover .todo-create-input{width:50%}.todo-item:hover{transform:translateY(-2px) scale(1.01);box-shadow:0 8px 20px #0000001f;grid-template-columns:5.5rem 1fr 6.5rem}.todo-item:hover .todo-item-actions>*{opacity:1}.quote-divison{padding:10px;margin:1rem;background-color:var(--bg1);background-position:center;border-radius:1rem;width:fit-content;height:5rem;background-size:cover}.quote{color:var(--txt1);font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif}.quote-author{color:var(--txt2);font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;text-align:right}.nav{position:relative;top:-15px;width:100%;margin:0;margin-bottom:3rem;--navColor: var(--bg1)}.nav-wrap{position:relative;z-index:1;margin:0rem;height:5rem;width:100%;background-color:var(--navColor)}.nav-curve{position:absolute;top:-.2rem;z-index:0;height:10rem;width:100%;background-color:var(--navColor);clip-path:ellipse(50% 17% at 50% 50%)}.nav-items{z-index:2;position:absolute;top:2rem;display:flex;align-items:center;justify-content:center;flex-direction:row;list-style:none;width:100%;color:#fff}.nav-link{padding:.5rem;border-radius:1rem;color:var(--txt1);background-color:var(--bg2);text-decoration:none}.theme{position:fixed;left:89%;top:93%}