@import url(https://fonts.googleapis.com/css?family=Open+Sans:300);*{font-family:Open Sans,sans-serif}body,html{overflow-x:hidden;scroll-behavior:smooth}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;margin:0}.todo-body{background-image:url(/static/media/bg.2e2ba76078ae2ce10a60.jpg);background-repeat:no-repeat;background-size:cover}.btn{background-color:#3b7dc9;border-style:none;box-shadow:inset 0 1px 2px hsla(0,0%,100%,.26);box-sizing:border-box;color:#fff;cursor:pointer;font-family:RM Neue,sans-serif;font-size:large;line-height:1.15;margin-right:3px;padding:12px 18px;text-align:center;transition:color .13s ease-in-out,background .13s ease-in-out,opacity .13s ease-in-out,box-shadow .13s ease-in-out}.btn:active{background-color:#006ae8}.btn:hover{background-color:#539bf3}.todo-cancel,.todo-edit{background-color:initial;padding:6px 9px}.todo-cancel:hover,.todo-edit:hover{background-color:#dcdcdc;border-radius:5px}.todo-cancel:hover .fa-trash{color:#e80000}.todo-edit:hover .fa-edit{color:#f7bc4f}.edit-cancel,.edit-confirm{background-color:initial;padding:6px 9px}.fa-check,.fa-edit,.fa-times,.fa-trash{color:#006ae8}.todoapp-main{align-items:center;background-color:hsla(0,0%,100%,.95);border-radius:8px;box-shadow:1px 2px 3px 4px hsla(0,0%,8%,.4);justify-content:center;margin:30px auto;min-height:80vh;padding-top:15px;width:55vw}input[type=checkbox]{cursor:pointer;margin-bottom:auto;margin-right:10px;margin-top:10px;-webkit-transform:scale(1.5);transform:scale(1.5)}.btn-group-edit{margin-right:13px}.btn-group,.btn-group-edit{display:flex;flex-direction:column;-webkit-transform:translateY(10px);transform:translateY(10px)}.btn-group{margin-top:auto}.cb-wrapper{display:flex;padding:10px 10px 0}.form-view-main{display:grid;grid-template-columns:90% 10%}.form-edit-main,.form-view-main{border-bottom:2px solid #dcdcdc;margin:0 10px;padding-bottom:10px}.form-edit{border:0;display:grid;grid-template-columns:90% 10%;resize:none}.form-edit input{background:hsla(0,0%,100%,.1);outline:none;padding:10px 10px 0 30px;resize:none}.edit-confirm:hover .fa-check{color:#04f82d}.edit-cancel:hover .fa-times{color:#f80404}.edit-cancel:hover,.edit-confirm:hover{background-color:#dcdcdc;border-radius:5px}.todo-label{border:0;font-size:22px;height:100%;-webkit-hyphens:auto;hyphens:auto;margin-bottom:auto;overflow:hidden;overflow-wrap:break-word}.list-heading{font-size:small;letter-spacing:1px;margin-top:20px;text-align:center}li{list-style-type:none}.navbar-todo{align-items:center;display:flex;justify-content:center;margin:auto;padding:30px 0;width:100vw}.navbar-todo a{color:#006ae8;display:inline;font-family:Oswald,sans-serif;font-size:20px;font-weight:600;letter-spacing:1px;margin:0 12px;padding-right:30px;text-decoration:none;text-transform:uppercase}.navbar-todo a:hover{color:#53e8f3;font-size:larger;font-weight:600;transition:all .2s ease}.header{-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(270deg,#73c9b6,#606ba7);color:transparent;font-family:Helvetica Neue,sans-serif;font-size:30px;letter-spacing:-1px;text-align:center;-webkit-user-select:none;user-select:none}.header img{color:#006ae8;-webkit-filter:saturate(3);filter:saturate(3);height:40px;padding-right:10px}.filters{margin-bottom:20px}.filters,.form-wrapper{align-items:center;display:flex;justify-content:center}.form-input{background-color:#f7f7f7;border:none;border-bottom:2px solid #3b7dc9;font-size:large;height:40px;margin-right:3px;outline:none;padding-left:10px;resize:none;width:40vw}.toggle-btn:first-of-type{border-radius:8px 0 0 8px}.btn-add,.toggle-btn:last-of-type{border-radius:0 8px 8px 0}.home-body{background-attachment:fixed;background-image:url(https://images.unsplash.com/photo-1581291518857-4e27b48ff24e?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1170&q=80);background-position:50%;background-repeat:no-repeat;background-size:cover;max-width:100%;min-height:500px;overflow-x:hidden}.navbar-home{align-items:center;display:flex;justify-content:center;margin:auto;padding:30px 0;width:100vw}.navbar-home a{color:#d0f8f2;display:inline;font-family:Oswald,sans-serif;font-size:20px;font-weight:600;letter-spacing:1px;margin:0 12px;padding-right:30px;text-decoration:none;text-transform:uppercase}.navbar-home a:hover{color:#549aaa;font-size:larger;font-weight:600;transition:all .2s ease}.home-heading{-webkit-animation:fade 1.5s;animation:fade 1.5s;left:50%;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}@-webkit-keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes fade{0%{opacity:0}to{opacity:1}}.home-heading h1{color:#bce7e1;font-size:calc(32px + 2vw);letter-spacing:-1px;text-transform:uppercase}.home-heading h1,.home-heading h2{-webkit-text-stroke:.02em #111;font-family:Helvetica Neue,sans-serif;text-align:center;-webkit-user-select:none;user-select:none}.home-heading h2{color:#addfd7;font-size:calc(20px + 1.8vw);font-weight:light;margin:0}.home-section{display:grid;overflow:hidden;position:absolute;top:100vh;width:100vw}.section-1{background-color:#b8d7df;padding:50px 20px}.home-section li{margin-bottom:10px}.sec1-img{float:left;margin:auto;width:50%}.sec1-img img{border-radius:5px;display:block;margin:auto;max-height:90%;max-width:90%;text-align:center;width:500px}.sec1-text{float:left;font-family:Helvetica Neue,sans-serif;font-size:2.4vw;width:50%}.btn-sec1{font-size:1vw;margin-top:10px;padding:10px}.seperator{background-color:initial;height:20vh}.section-2{background-color:#a7bcb9;padding:50px 20px}.btn-sec2{background-color:#53746f;font-size:1vw;margin-top:10px;padding:10px}.btn-sec2:hover{background-color:#7e9b96}.sec2-img{float:right;margin:10px auto;width:50%}.sec2-img img{align-items:center;border-radius:5px;display:flex;justify-content:center;margin:auto;max-height:90%;max-width:90%;width:500px}.sec2-text{float:left;font-family:Helvetica Neue,sans-serif;font-size:2.4vw;text-align:right;width:50%}.section-3{background-color:#e0ebeb;padding:50px 20px}.btn-sec3{background-color:#6d6d6d;font-size:1vw;margin-top:10px;padding:10px}.btn-sec3:hover{background-color:#c6caca}.sec3-img{float:left;margin:10px auto;width:50%}.sec3-img img{border-radius:5px;display:block;margin:auto;max-height:90%;max-width:90%;text-align:center;width:500px}.sec3-text{float:left;font-family:Helvetica Neue,sans-serif;font-size:2.4vw;width:50%}.footer{background-color:#1e1f1f;color:#fff;display:grid;font-size:1.2vw;grid-template-columns:25% 50% 25%;margin-top:auto;max-height:16vh;padding:0 2vw}.footer-left{margin:auto 0}.footer-middle{margin:auto}.footer-right{margin:auto 0;text-align:right}.scroll-btn{background-color:#696868;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1.2vw;outline:none;padding:12px}.scroll-btn:hover{background-color:#4c4e4e}.about-body{background-color:#f3f3f3;background-repeat:no-repeat;background-size:contain;max-width:100%;min-height:500px}.navbar-about{align-items:center;display:flex;justify-content:center;margin:auto;padding:30px 0;width:100vw}.navbar-about a{color:#000;display:inline;font-family:Oswald,sans-serif;font-size:20px;font-weight:600;letter-spacing:1px;margin:0 12px;padding-right:30px;text-decoration:none;text-transform:uppercase}.navbar-about a:hover{color:#005eeb34;font-size:larger;font-weight:600;transition:all .2s ease}.about-wrapper{display:grid;grid-template-columns:50% 50%;left:50%;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.about-text{border-left:3px solid #000;font-family:Helvetica Neue,sans-serif;font-size:2.4vw;line-height:120%;margin:auto;padding-left:2vw}.about-text h1{font-size:2.2vw}.about-text h1,.about-text p{color:#000;font-family:Helvetica Neue,sans-serif}.about-text p{word-wrap:break-word;font-size:1.2vw}.about-img{align-items:center;display:flex;justify-content:center;width:100%}.about-img img{max-height:40%;max-width:40%}.about-footer{background-color:#1e1f1f;bottom:0;box-sizing:border-box;color:#fff;display:flex;font-size:1.2vw;max-height:16vh;padding:0 2vw;position:absolute;width:100vw}.about-footer-left{margin:auto 0;width:50%}.about-footer-right{float:right;margin:auto;text-align:right;width:50%}.calendar-body{background-attachment:fixed;background-image:url(/static/media/bg.2e2ba76078ae2ce10a60.jpg);background-repeat:no-repeat;background-size:cover}.calendar-container{display:flex;margin:8vh auto 1vh;max-width:100%;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}.calendar-selected-text{color:#000;font-family:Helvetica Neue,sans-serif;font-size:25px;margin:5px;text-align:center}@media screen and (max-width:1360px){.todoapp-main{width:65vw}}@media screen and (max-width:760px){.navbar-about a,.navbar-home a,.navbar-todo a{display:block;margin-bottom:5px;padding:0;text-align:center}.form-edit,.form-view-main{grid-template-columns:85% 15%}.footer{max-height:12vh}.about-footer,.footer{font-size:calc(14px + .8vw);font-size:1.6vw}.about-wrapper{align-items:center;display:flex;flex-direction:column;justify-content:center}.about-text{border:none;border-top:3px solid #000;margin-top:10px}.about-text,.about-text h1{font-size:calc(20px + .8vw)}.about-text h1{text-align:center}.about-img img{height:30%;margin-bottom:10px;width:30%}.btn-sec1,.btn-sec2,.btn-sec3{font-size:2vw}.todoapp-main{width:75vw}}@media screen and (min-width:1360px){.btn-group{flex-direction:row}.todo-cancel{margin:0}.todo-edit{margin:auto 0 0}.btn-group-edit{flex-direction:row;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}}@media screen and (max-width:500px){.todoapp-main{margin-top:0;min-height:70vh;width:80vw}.footer{font-size:2.1vw}.btn-sec1,.btn-sec2,.btn-sec3{font-size:3vw}.navbar-todo a{color:#00c3ff}.form-input:placeholder-shown{text-overflow:ellipsis}.nav a{color:#fff}.section-1{align-items:center;display:flex;flex-direction:column;justify-content:center}.sec1-text{font-size:4.2vw;text-align:center;width:100%}.section-2{align-items:center;display:flex;flex-direction:column;justify-content:center}.sec2-text{font-size:4.2vw;text-align:center;width:100%}.section-3{align-items:center;display:flex;flex-direction:column;justify-content:center}.sec3-text{font-size:4.2vw;text-align:center;width:100%}.seperator{height:10vh}}@media screen and (max-width:320px){.home-heading h1{font-size:calc(28px + 1.2vw)}.home-heading h2{font-size:calc(20px + .8vw)}}@media screen and (max-width:1440px){.about-text p{font-size:calc(10px + .8vw)}}@media screen and (max-width:400px){.filters{display:flex;flex-wrap:wrap}.toggle-btn:first-of-type{border-radius:5px;margin-bottom:1px;width:20%}.toggle-btn:nth-child(2){word-wrap:break-word;border-radius:5px;width:40%}.toggle-btn:last-of-type{word-wrap:break-word;border-radius:5px;margin-top:1px;width:60%}}@media screen and (max-width:270px){.filters{flex-direction:column}.toggle-btn:first-of-type,.toggle-btn:last-of-type,.toggle-btn:nth-child(2){width:60%}}.react-calendar{background-color:#fff;border-radius:8px;box-shadow:0 12px 24px rgba(0,0,0,.2);color:#222;font-family:Arial,Helvetica,sans-serif;line-height:1.125em;max-height:100%;max-width:100%;width:400px}.react-calendar--doubleView{width:700px}.react-calendar--doubleView .react-calendar__viewContainer{display:flex;margin:-.5em}.react-calendar--doubleView .react-calendar__viewContainer>*{margin:.5em;width:50%}.react-calendar,.react-calendar *,.react-calendar :after,.react-calendar :before{box-sizing:border-box}.react-calendar button{border:0;margin:0;outline:none}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{display:flex;height:44px;margin-bottom:1em}.react-calendar__navigation button{background:none;color:#484beb;font-size:16px;margin-top:8px;min-width:44px}.react-calendar__navigation button:disabled{background-color:#f0f0f0}abbr[title]{text-decoration:none}.react-calendar__navigation button:enabled:focus,.react-calendar__navigation button:enabled:hover{background-color:#f8f8fa}.react-calendar__month-view__weekdays{font-size:.85em;font-weight:700;text-align:center;text-transform:uppercase}.react-calendar__month-view__weekdays__weekday{padding:.5em}.react-calendar__month-view__weekNumbers .react-calendar__tile{align-items:center;display:flex;font-size:.85em;font-weight:700;justify-content:center}.react-calendar__month-view__days__day--weekend{color:#d10000}.react-calendar__month-view__days__day--neighboringMonth{color:#757575}.react-calendar__century-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__year-view .react-calendar__tile{padding:2em .5em}.react-calendar__tile{background:none;line-height:16px;max-width:100%;padding:10px 6.6667px;text-align:center}.react-calendar__tile:disabled{background-color:#f0f0f0}.react-calendar__tile:enabled:focus,.react-calendar__tile:enabled:hover{background:#f8f8fa;border-radius:6px;color:#484beb}.react-calendar__tile--now{background:#6f48eb33;border-radius:6px;color:#4858eb;font-weight:700}.react-calendar__tile--now:enabled:focus,.react-calendar__tile--now:enabled:hover{background:#4b48eb33;border-radius:6px;color:#4b48eb;font-weight:700}.react-calendar__tile--hasActive{background:#76baff}.react-calendar__tile--hasActive:enabled:focus,.react-calendar__tile--hasActive:enabled:hover{background:#f8f8fa}.react-calendar__tile--active{background:#4853eb;border-radius:6px;color:#fff;font-weight:700}.react-calendar__tile--active:enabled:focus,.react-calendar__tile--active:enabled:hover{background:#4889eb;color:#fff}
/*# sourceMappingURL=main.3c69f81e.css.map*/