@import url(https://fonts.googleapis.com/css2?family=Poppins&display=swap);.todo-input{background:none;border:1px solid #883d1a;color:#fff;margin-bottom:2rem;margin-top:1rem;outline:none;padding:.5rem 1rem;width:300px}.todo-input::placeholder{color:#ffffff4d}.todo-btn{border:none;cursor:pointer;padding:.55rem}.Todo,.todo-btn{background:#883d1a;color:#fff}.Todo{border-radius:5px;display:grid;grid-template-columns:.5fr 1fr 8fr 1fr .5fr;margin-bottom:1rem;padding:.75rem 1rem}.drag-handle{align-self:center;color:#ffffff80;cursor:grab}.drag-handle:active{cursor:grabbing}.Todo>p{justify-self:flex-start}.incompleted{color:#fff;cursor:pointer}.completed{color:#c56f33;cursor:pointer;text-decoration:line-through}.TodoForm{margin-bottom:1rem;width:100%}.TodoWrapper{background:#551e1a;border-radius:5px;margin-bottom:10rem;margin-top:5rem;padding:2rem;z-index:1}.TodoWrapper>h1{font-family:Moirai One,system-ui}.BreakTimerContainer{align-items:center;color:#fff;display:grid;grid-template-columns:1fr 6fr 1fr;grid-template-rows:1fr 1fr}.BreakTimeValues{display:flex;grid-column:2/3;grid-row:1/2;justify-self:center}.BreakTimeValues>p{font-size:6rem}.CloseBreakTimer{background:#e6b27d;border-radius:5px;border-style:hidden;color:#000;cursor:pointer;font-size:small;grid-column:2/3;grid-row:2/3;justify-self:center;padding:.8rem;transition:.5s}.CloseBreakTimer:hover{color:#883d1a;transition:.5s}.BreakModalContainer{background:#541d1a;border-radius:5px;color:#000;margin-bottom:10rem;margin-top:4rem;width:25rem;z-index:5}.BreakModalHeader{align-items:center;display:flex;gap:1rem;justify-content:center}.BreakModalHeader>h1{color:#fff;font-family:Moirai One,system-ui;font-size:2rem;margin-top:1rem}.TodoContainer{align-items:center;display:grid;justify-content:center;margin-bottom:5rem}.WorkModeButton{background:#551e1a;border-radius:5px;color:#000;cursor:pointer;height:3rem;padding:1rem;transition:.5s;width:10rem;z-index:3}.WorkModeButton:hover{color:#fff;transition:.5s}.WorkOn{color:#fff}.WorkOff{color:#000}.Timer-Container{display:grid;grid-template-columns:1fr}.Timer{align-items:center;background:#883d1a;border-radius:5px;display:flex;gap:1rem;height:3rem;justify-content:space-around;padding:1rem}.TimerMobile{background:#0000}.Timer>h1{font-size:large;font-weight:100}.TimerButtons{align-items:center;display:flex;justify-content:space-around;margin-top:1.3rem}.SidePanelContainer{margin-top:2rem;position:absolute;right:0;top:0}.SidePanelContainerMobile{background-color:#551e1a;color:#fff;display:flex;flex-direction:row;flex-wrap:nowrap;height:3rem;justify-content:flex-start;width:-webkit-max-content;width:max-content}.SidePanel{background:#551e1a;border-radius:5px;color:#fff;height:0;padding:1rem;width:10rem;z-index:2}.SidePanelOpen{height:8rem}.Navigation{display:flex;justify-content:space-between;position:fixed;width:100vw;z-index:3}.NavigationMobile{background:#551e1a;font-size:medium}.Logo{height:3rem;width:3rem}.NavigationSidePanel{display:flex;flex-direction:column}.NavigationSidePanelMobile{display:flex;flex-direction:row-reverse;justify-content:space-between;width:100vw}.LofiMusicPlayer{position:absolute;right:0;top:13.5rem;z-index:0}.FooterContainer{background:linear-gradient(180deg,#883c1a 12%,#541d1a 75%);bottom:0;color:#fff;left:0;position:fixed;right:0;width:100%}.Footer{align-items:end;display:flex;height:10rem;justify-content:center;margin-bottom:1rem}.FooterHeart{margin:0 1rem}*{box-sizing:border-box;font-family:Source Code Pro,monospace;margin:0;padding:0}body{background:#883d1a;min-height:100vh}.App{display:grid;text-align:center}.click{cursor:pointer}.click:hover{color:#e6b27e;transition:.4s}.starred{background:#e6b27e;color:#1b1212;text-transform:uppercase}.starred>:hover{color:#883d1a;transition:.4s}h1{color:#fff;font-size:1.75rem;margin-bottom:.5rem}
/*# sourceMappingURL=main.5c882b10.css.map*/