body{box-sizing:border-box;font-family:Arial,Helvetica,sans-serif;margin:0}.app{background-color:#d1eaadef;text-align:center}.header{background-color:#90ee90;color:#333;height:15vh;min-height:10vh;padding:10px 0;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:10}.header h1{color:#333;margin:0}.header p{margin:0}.body{margin-top:10vh;min-height:calc(60vh - 15px)}#todo-input{border:none;border-radius:24px;height:25px;outline:none;padding:10px 20px;width:70%}.strike{text-decoration:line-through}.btn{background-color:green;border:none;border-radius:10px;color:#fff;padding:10px 25px}.btn:hover{background-color:rgba(0,0,0,.5)}.todo{align-items:center;backdrop-filter:blur(7.5px);-webkit-backdrop-filter:blur(7.5px);background:hsla(0,0%,100%,.3);box-shadow:4px 3px 13px 0 rgba(0,0,0,.75);display:flex;justify-content:space-between;list-style:none;margin:15px auto;padding:15px;width:70vw}.todo>li{overflow:hidden;text-overflow:ellipsis}.todo>div{align-items:center;display:flex}.todo>div>.btn:first-of-type{background-color:#555;color:#fff;margin:0 10px}.todo>div>.btn:last-of-type{background-color:#ff4500;color:#fff}.todo>div>.btn:last-of-type:hover{background-color:#cc0001;color:#fff}.todo>div>.btn:hover{background-color:rgba(0,0,0,.2)}.icon-incomplete{display:none}.icon-completed{color:green;display:block}.modal{backdrop-filter:blur(7.5px);-webkit-backdrop-filter:blur(7.5px);background:hsla(0,0%,100%,.3);border-left:1px solid hsla(0,0%,100%,.18);border-radius:10px;border-top:1px solid hsla(0,0%,100%,.18);border-color:hsla(0,0%,100%,.5) hsla(0,0%,100%,.18) hsla(0,0%,100%,.18) hsla(0,0%,100%,.5);border-style:solid;border-width:1px;box-shadow:4px 3px 13px 0 rgba(0,0,0,.75);left:10vw;margin:auto;min-height:80vh;position:fixed;top:10vh;width:80vw;z-index:40}.modal>header{align-items:center;display:flex;justify-content:space-between;padding:0 10px}.modal>header h2{color:#ff4500;margin-left:20px}.close-modal{color:#ff4500}.close-modal:hover{color:red}.modal>div{margin:20px}.task-lg{color:#1180c0;font-size:20px;font-weight:bolder;margin-left:5px}.inline-icon{display:inline-block;margin-left:5px}.task-status{align-items:flex-start;display:flex;flex-wrap:wrap;justify-content:space-around;overflow:hidden;text-overflow:clip}.gif{width:350px}.entry{align-items:flex-start;display:flex;justify-content:space-around;overflow:hidden}.entry>div:first-child{align-content:space-between;display:flex;flex-direction:column;text-align:left}.entry>div:last-child{overflow:hidden;width:500px}.time{text-align:left}.quote{color:#ff4500;text-align:center;text-overflow:clip}.footer{align-items:center;background-color:#90ee90;color:#333;display:flex;flex-direction:column;height:15vh;justify-content:center;padding:20px}.socials{padding:10px}.footer-icon{color:#333;padding-right:10px}.footer-icon:hover{color:#fff}.date-time-form{border:1px solid #ff4500;border-radius:5px;height:5vh;margin-bottom:5px;padding:10px;width:50%}.date-time-form:focus{border:2px solid #ff4500;outline:#ff4500}.set-reminder{color:#555;text-align:left}.reminder-date{color:#1180c0}.past-reminder{color:#cc0001;font-size:larger;font-weight:300;text-align:left}@media (max-width:768px){.header{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.gif{display:none}.entry{display:block;display:flex;flex-direction:column-reverse;justify-content:center;margin:auto;overflow:hidden;width:100%}.entry>div:last-child{align-self:center;flex-wrap:wrap}.date-time-form{box-sizing:border-box;display:block;margin:auto;width:50%}.time{text-align:center}.entry>.btn{align-self:center;margin:0}.past-reminder,.set-reminder{text-align:center}.past-reminder{display:inline-block;text-overflow:clip}}
/*# sourceMappingURL=main.513f22e8.css.map*/