:root{--primary:#2374ab;--secondary:#efca08;--accent:#138a36;--black:#001011;--white:#fffffc;--red:#ae0e00}html{scroll-behavior:smooth}body{background-color:#2374ab;background-color:var(--primary)}.App{font-family:Montserrat,sans-serif;text-align:center}.headDiv{background-color:#001011;background-color:var(--black);left:0;position:absolute;right:0;top:0}.headDiv,.headInfo{color:#fffffc;color:var(--white)}.headInfo{margin-top:100px}.addTaskDiv{align-items:center;background-color:#138a36;background-color:var(--accent);border-radius:10px;box-shadow:0 0 20px #001011;box-shadow:0 0 20px var(--black);color:#fffffc;color:var(--white);display:flex;flex-direction:column;font-size:larger;justify-content:center;left:15px;position:fixed;right:15px;top:300px;transition:all 1s}.inputBox{border:1px solid;border-radius:8px;height:30px;width:90%}.addTaskButton{background-color:#efca08;background-color:var(--secondary);border:3px solid transparent;border-radius:8px;color:#fffffc;color:var(--white);cursor:pointer;margin:20px;padding:10px}.addTaskButton:hover{border:3px solid #efca08;border:3px solid var(--secondary);color:#000}.addTaskButton:hover,.list{background-color:#fffffc;background-color:var(--white)}.list{border:2px solid #001011;border:2px solid var(--black);border-radius:8px;display:flex;flex-direction:column;height:50vh;overflow-y:scroll;position:relative}.itemDiv{text-align:start;width:70vw}.timeDiv{margin-left:30px}.listItem,.strikeThrough{color:#001011;color:var(--black);font-size:large;transition:all 1s}.strikeThrough{display:flex;opacity:.5;text-decoration:line-through}.addButton{align-items:center;background-color:#efca08;background-color:var(--secondary);border-radius:50%;bottom:50px;box-shadow:2px 4px 8px #001011;box-shadow:2px 4px 8px var(--black);color:#fffffc;color:var(--white);cursor:pointer;display:flex;height:70px;justify-content:center;position:fixed;right:30px;width:70px}.addButton:active{-webkit-transform:translateY(3px);transform:translateY(3px)}.x{cursor:pointer;position:absolute;right:10px;top:10px}.x:hover{color:#001011;color:var(--black)}.displayNone{left:15px;opacity:0;position:fixed;right:15px;top:-150px;transition:all 1s;z-index:0}.check{background-color:#fffffc;background-color:var(--white);border:solid #001011;border:solid var(--black);border-radius:50%}.check,.checkMark{cursor:pointer;height:15px;margin:0 10px 0 0;transition:all .5s;width:15px}.checkMark{background-color:#001011;background-color:var(--black);border:solid #2374ab;border:solid var(--primary);border-radius:50%;opacity:.5}.firstColor,.secondColor{border-bottom:1px solid #001011;border-bottom:1px solid var(--black);flex-direction:column;justify-content:flex-start;margin:0 5px;padding:10px}.firstColor,.secondColor,.taskDiv{align-items:flex-start;display:flex}.taskDiv{justify-content:center;padding-top:10px}.deleteDiv{margin-top:10px;transition:all 1s;z-index:1}.deleteBtn{background-color:#ae0e00;background-color:var(--red);border:2px solid transparent;border-radius:10px;color:#fffffc;color:var(--white);cursor:pointer;font-size:large;padding:10px}.deleteBtn:hover{background-color:#fffffc;background-color:var(--white);border:2px solid #ae0e00;border:2px solid var(--red);color:#001011;color:var(--black)}.iconXList{color:#ae0e00;color:var(--red)}.opacity{opacity:.5;text-decoration:line-through}.noOpacity{opacity:1}.top{margin-top:0}.bottom,.top{transition:all 1s}.bottom{margin-top:100px}@media screen and (max-width:800px){.deleteBtn{font-size:x-large}}
/*# sourceMappingURL=main.359e4527.css.map*/