body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.appWrapper{position:relative;height:100vh}#main{position:relative;height:80%;background:url(/static/media/main_bg04.0a57ad21.jpg) no-repeat;background-size:cover;flex-direction:column}#main,form{display:flex;align-items:center}form{padding-top:20px;width:80%}.task{font-weight:bolder;outline:none;width:95%;height:30px;padding:0 0 0 10px;background:rgba(97,218,251,.5);border:1px solid #61dafb;border-right:none}.task::-webkit-input-placeholder{color:#000}.task::-moz-placeholder{color:#000}.task:-ms-input-placeholder{color:#000}.task::-ms-input-placeholder{color:#000}.task::placeholder{color:#000}.confirm_task{font-size:20px;cursor:pointer;outline:none;width:5%;height:32px;background:rgba(97,218,251,.5);border:1px solid #61dafb;border-left:none}.task-list_wrapper{margin-top:20px;width:50%;max-height:80%;display:block;overflow:auto}.task-list_wrapper::-webkit-scrollbar{width:10px}.task-list_wrapper::-webkit-scrollbar-track{background:rgba(97,218,251,.2);border-radius:5px}.task-list_wrapper::-webkit-scrollbar-thumb{background:-webkit-gradient(linear,left top,left bottom,from(#7fffd4),to(#61dafb));background:linear-gradient(180deg,#7fffd4,#61dafb);border-radius:5px}#task-list{position:relative;width:100%;display:flex;flex-direction:column-reverse;justify-content:flex-end;align-items:center}.active{flex-wrap:wrap;background:rgba(97,218,251,.6)}.active,.done{font-weight:bolder;box-sizing:border-box;padding:0 6% 0 4%;position:relative;width:96%;min-height:60px;max-height:-webkit-max-content;max-height:-moz-max-content;max-height:max-content;display:flex;align-items:center;margin-bottom:5px;border:1px solid #61dafb}.done{background:rgba(127,255,212,.6)}.check-square{position:absolute;right:3%;bottom:5px}.marker{left:1%;top:5px}.cleaner,.marker{position:absolute}.cleaner{cursor:pointer;top:93%;width:80px;height:30px;color:rgba(0,0,0,.7);font-size:14px;font-weight:700;border:3px solid #61dafb;background:#7fffd4;outline:none}@media (max-width:576px){#main{height:83vh}form{width:92%}.task{width:90%}.confirm_task{width:10%}.task-list_wrapper{width:92%;max-height:77%;align-items:flex-start}.active,.done{width:98%;padding:0 6%}.cleaner{padding:0;top:93%;right:12%;height:21px;width:70px}}header{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:#282c34;width:100%;height:12%;position:relative;flex-direction:column;justify-content:center}.header_wrapper,header{display:flex;align-items:center}.header_wrapper{justify-content:space-between;width:80%}.logo-wrapper{position:relative;width:25%;display:flex;align-items:center;justify-content:flex-start}.logo{position:relative;width:200px}h1{font-family:Orbitron,sans-serif;font-size:40px;width:75%;color:#7fffd4;align-items:center;line-height:1;margin:0;color:rgba(40,44,52,0);background:-webkit-gradient(linear,right top,left top,from(#7fffd4),to(#61dafb));background:linear-gradient(270deg,#7fffd4,#61dafb);-webkit-background-clip:text;background-clip:text}.date,h1{display:flex}.date{width:25%;color:#61dafb;font-size:20px;flex-direction:column;align-items:flex-end;justify-content:center}.date p{margin:0;padding:0}@media (max-width:1024px){header{height:9%}}@media (max-width:576px){h1{font-size:25px}.header_wrapper{width:92%}}.temperature{flex-direction:column;justify-content:center}.temperature,.temperature h2{display:flex;align-items:center}.temperature h2{font-size:30px;margin:0}.temperature p{margin:0;font-size:18px;font-weight:bolder}.therm{width:30px;height:30px}.weatherIcon{width:70px;height:70px}.weather_widget{height:-webkit-max-content;height:-moz-max-content;height:max-content;color:#61dafb;position:absolute;top:25vh;right:10vw;display:flex;justify-content:center;align-items:center;background:rgba(97,218,251,.5);border:1px solid #61dafb;border-radius:20px}select{color:#61dafb;font-size:15px;font-weight:bolder;text-transform:uppercase;background:none;border:none;outline:none}option{color:#000}@media (max-width:576px){.therm{width:25px;height:25px}.temperature h2{font-size:25px}.weatherIcon{width:45px;height:45px}.weather_widget{top:84vh;right:60vw}}footer{position:relative;height:8%;background:#282c34;display:flex;justify-content:center;align-items:center}a{cursor:pointer;outline:none;margin:0 10px}.social{color:#7fffd4;font-size:40px}
/*# sourceMappingURL=main.e608524c.chunk.css.map */