body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary-color:#526f1f;--secondary-color:#0b281c;--primary-text-color:#fff;--secondary-text-color:#dada33;--pixel-size:3;--frame-amt:16;--sheet-width:2624px;--main-color:#122f41;--shadow-color:#0e2532;--button-main-color:#fcfcfd}*{box-sizing:border-box}body{background-color:#122f41;background-color:var(--main-color);color:#fff;color:var(--primary-text-color);margin:0;overflow:hidden}body,button{font-family:Chiron GoRound TC,sans-serif}.app{background:#122f41;background:var(--main-color);display:grid;grid-template-columns:3fr 1fr;height:100vh;width:100vw}.left-section{display:flex;flex-direction:column;height:100vh;padding:1%}.filter-container{background-color:#0e2532;background-color:var(--shadow-color);border:1px solid #dada33;border:1px solid var(--secondary-text-color);border-radius:1rem;flex-direction:column;padding:1rem;position:absolute;z-index:3}.taskbar-container{align-items:center;display:flex;height:10vh;justify-content:space-between;margin-bottom:2rem;width:100%}.add-button,.filter-btn,.pomodoro-button{background:#fcfcfd;background:var(--button-main-color);border:0;border-radius:6px;box-shadow:0 2px 4px #2d234266,0 7px 13px -3px #2d23424d,inset 0 -3px 0 #d6d6e7;color:#122f41;color:var(--main-color);cursor:pointer;display:inline-block;font-size:18px;height:100%;outline:0;padding:0 32px;transition:box-shadow .15s ease,transform .15s ease;will-change:box-shadow,transform}.filter-btn:hover,.pomodoro-button:hover{box-shadow:0 4px 8px #2d234266,0 7px 13px -3px #2d23424d,inset 0 -3px 0 #d6d6e7;transform:translateY(-2px)}.filter-btn:active,.pomodoro-button:active{box-shadow:inset 0 3px 7px #d6d6e7;transform:translateY(2px)}.task-label{height:5vh;width:50%}.add-button{padding:0 10px}.task-input{background-color:#0e2532;background-color:var(--shadow-color);border-color:#0000;border-radius:.5rem;color:#fff;color:var(--primary-text-color);font-size:1rem;height:100%;width:100%}.priority-label{height:100%}.category-input,.dropdown{background-color:#fcfcfd;background-color:var(--button-main-color);border:none;border-radius:6px;box-shadow:0 2px 4px #2d234266,0 7px 13px -3px #2d23424d,inset 0 -3px 0 #d6d6e7;color:#122f41;color:var(--main-color);cursor:pointer;font:inherit;height:100%;padding-bottom:.75rem;padding-top:.75rem}.category-input{background-color:#0e2532;background-color:var(--shadow-color);box-shadow:0 2px 4px #2d234266,0 7px 13px -3px #2d23424d,inset 0 -3px 0 #051119;color:#fcfcfd;color:var(--button-main-color)}.cat-master{align-items:center;display:flex}.list-section{grid-column-gap:.5rem;column-gap:.5rem;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;min-height:100vh}.color-input{border-radius:.5rem;height:3rem;width:3rem}.p-container{align-items:center;display:flex;flex-direction:column;height:90%;padding:0}.done{color:#84ff80}ul{-ms-overflow-style:none;list-style-type:none;margin:0;overflow-x:hidden;overflow-y:auto;scrollbar-width:none;width:95%}ul::-webkit-scrollbar{display:none}.task{background-color:#dada33;background-color:var(--secondary-text-color);border-radius:1rem;box-shadow:0 2px 4px #2d234266,0 7px 13px -3px #2d23424d,inset 0 -3px 0 #aba228;color:#0e2532;color:var(--shadow-color);margin-bottom:10px;padding:4px;width:100%}.category-tag{border-radius:1rem;color:#fff;height:auto;padding-left:1vw;padding-right:1vw;width:fit-content}.button-section{align-items:center;display:flex;flex-direction:column}.complete-button,.remove-button{background-color:initial;border-radius:3px;margin-bottom:5px;padding:0;width:60%}.complete-button{border:1px outset}.remove-button{border:1px inset}.text{color:#333;display:block;height:20px;letter-spacing:2px;line-height:20px;text-align:center;text-decoration:none;transition:all .35s;width:100%}.text,.text span{position:relative}.text span{z-index:2}.remove-button .text:after{background:#ff003b}.complete-button .text:after,.remove-button .text:after{content:"";height:100%;left:0;position:absolute;top:0;transition:all .35s;width:0}.complete-button .text:after{background:#526f1f;background:var(--primary-color)}.text:hover{color:#fff}.text:hover:after{width:100%}.pomodoro{align-items:center;background-color:#0e2532;background-color:var(--shadow-color);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.logo{color:#dada33;color:var(--secondary-text-color);font-family:Matemasie,sans-serif;font-size:4rem}.time-text{font-size:6rem}.button-container{display:flex}.button-container button{margin:5px}.frog{height:384px;height:calc(128px*var(--pixel-size));overflow:hidden;width:384px;width:calc(128px*var(--pixel-size))}.pixelart{image-rendering:pixelated}.spriteSheet{animation:moveSpriteSheet 2s steps(16) infinite;animation:moveSpriteSheet 2s steps(var(--frame-amt)) infinite;width:7872px;width:calc(var(--sheet-width)*var(--pixel-size))}@keyframes moveSpriteSheet{0%{transform:translateZ(0)}to{transform:translate3d(-100%,0,0)}}@media screen and (max-width:768px){body{overflow-y:auto}.app{grid-template-areas:"top" "bottom";grid-template-columns:1fr}.left-section{grid-area:bottom}.taskbar-container{flex-wrap:wrap;justify-content:space-evenly}.list-section{column-gap:.1;grid-template-columns:1fr;grid-template-rows:1fr 1fr 1fr 1fr}ul{display:flex;gap:2%;overflow-x:auto;overflow-y:hidden;padding:20px}.complete-button,.remove-button,ul{width:100%}.master-filter-container{margin-top:20%}.add-button{height:50%}.pomodoro{margin-bottom:5%;overflow:visible}}
/*# sourceMappingURL=main.f1f2f12c.css.map*/