@import url(https://fonts.googleapis.com/css2?family=Public+Sans:wght@300;400&display=swap);@import url(https://fonts.googleapis.com/css2?family=Public+Sans:wght@300;400&family=Roboto&display=swap);*{box-sizing:border-box;list-style:none;margin:0;outline:none;padding:0;text-decoration:none}body{background:#f8f9fa;font-family:Public Sans,sans-serif;font-size:18px;font-weight:400;height:100vh;line-height:1.3;width:100%}.container,.TodoList .todoContent{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:auto;max-width:1320px;padding:0 25px}@media(max-width:1400px){.container,.TodoList .todoContent{max-width:1140px}}@media(max-width:1200px){.container,.TodoList .todoContent{max-width:960px}}@media(max-width:992px){.container,.TodoList .todoContent{max-width:720px}}@media(max-width:768px){.container,.TodoList .todoContent{max-width:540px}}@media(max-width:576px){.container,.TodoList .todoContent{max-width:100%}}.mainPage{min-height:100vh;width:100%}@media(max-height:750px){.mainPage{min-height:750px}}@media(max-height:345px){.mainPage{min-height:650px}}.homeButton,.login .auth header{align-items:center;display:flex;justify-content:center}.navBar{background:#212529;border-bottom:1px solid #6c757d;color:#fff;height:60px}.navBar nav{align-items:center;display:flex;height:100%;justify-content:space-between}.navBar nav h3{font-size:25px}.navBar nav .loging{background:none;border:none;color:#fff;cursor:pointer;font-size:18px;text-decoration:none}.footer{background:#212529;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:20px 0}.footer .container,.footer .TodoList .todoContent,.TodoList .footer .todoContent{color:#fff;display:flex;justify-content:space-between}.homeButton{background:#212529;border-radius:50%;bottom:8vh;color:#fff;cursor:pointer;height:50px;position:fixed;right:30px;transition:background .3s;width:50px}.homeButton svg{height:30px;margin-top:-2px;width:30px}.homeButton:hover{background:#dc3545;transition:background .3s}.login{align-items:center;display:flex;height:100vh;justify-content:center}.login .auth{background:#fff;border-radius:5px;margin-top:65px;min-height:350px;width:450px}.login .auth header{background:#212529;border-radius:5px 5px 0 0;color:#fff;font-size:25px;padding:7px}.login .auth .loginForm{display:flex;flex-direction:column;height:250px;justify-content:center}.login .auth .loginForm div{align-items:center;display:flex;flex-direction:column;font-size:20px;margin:30px}.login .auth .loginForm div input{background:#ced4da;border:none;border-radius:5px;font-size:18px;font-weight:300;padding:5px;width:350px}.login .auth .loginForm div input:focus{outline:1px solid #212529}@media(max-width:576px){.login .auth .loginForm div{margin:15px 0}.login .auth .loginForm div input{width:100%}}.login .auth footer{align-items:center;border-top:1px solid #212529;display:flex;height:60px;justify-content:space-between;padding:0 15px}.login .auth footer a{color:#000;font-size:20px;text-decoration:underline}.login .auth footer button{background:#dc3545;border:none;border-radius:7px;color:#fff;cursor:pointer;font-size:18px;padding:6px 30px}@media(max-width:576px){.login .auth{width:100%}.login .auth,.login .auth header{border-radius:0}}.mainPage{display:flex;flex-direction:column;justify-content:space-between;text-align:center}.mainPage .mainContent h2{font-size:50px;margin:30px 0}@media(max-width:576px){.mainPage .mainContent h2{font-size:35px}}.mainPage .mainContent button{background:none;border:2px solid #dc3545;color:#dc3545;cursor:pointer;font-size:18px;font-weight:500;padding:7px 60px;transition:color .5s,background .5s ease-in}.mainPage .mainContent button:hover{background:#dc3545;color:#fff;transition:color .5s,background .5s ease-in}.TodoList{height:100vh;overflow-y:hidden}.TodoList .todoContent{display:flex;flex-direction:column;min-height:calc(100vh - 120px);padding:25px 0}@media(max-width:576px){.TodoList .todoContent{padding:0}}.TodoList .todoContent form{border:2px solid #212529;display:flex;padding:20px;width:inherit}.TodoList .todoContent form label{font-size:20px;padding:0 10px}.TodoList .todoContent form input{background:#dee2e6;border:none;border-radius:5px;font-size:18px;font-weight:300;padding:5px;resize:both;width:350px}.TodoList .todoContent form input:focus{outline:1px solid #dc3545}.TodoList .todoContent form div{display:flex;flex-wrap:wrap;margin:auto}.TodoList .todoContent form button{background:#dc3545;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:18px;margin:3px 5px;padding:7px 30px;transition:background .3s}.TodoList .todoContent form button:hover{background:#bd2130;transition:background .3s}@media(max-width:1200px){.TodoList .todoContent form input{width:250px}}@media(max-width:992px){.TodoList .todoContent form{flex-direction:column;padding:20px 10px}.TodoList .todoContent form div{display:flex;margin:10px 0}.TodoList .todoContent form input{width:600px}.TodoList .todoContent form label{text-align:center}}@media(max-width:576px){.TodoList .todoContent form{border:none}.TodoList .todoContent form input{width:100%}.TodoList .todoContent form div{flex-wrap:wrap}}.TodoList .todoContent .todos{background:#f8fbff;flex-grow:1;overflow-x:hidden;overflow-y:auto;padding:25px 0}.TodoList .todoContent .todo{align-items:center;background:#fff;border-radius:15px;display:flex;font-size:20px;justify-content:space-between;margin:15px;padding:15px;width:calc(100% - 30px)}.TodoList .todoContent .todo .value{display:flex}.TodoList .todoContent .todo .value div:first-child{font-size:35px;margin:auto 10px auto auto}.TodoList .todoContent .todo .value div:nth-child(2){word-break:break-all}.TodoList .todoContent .todo .value div:nth-child(2) h5{font-size:20px}.TodoList .todoContent .todo .value div:nth-child(2) p{color:#495057;font-size:18px;font-weight:400}.TodoList .todoContent .todo svg{cursor:pointer;height:1.2em;margin:0 5px;transition:color .3s;width:1.2em}.TodoList .todoContent .todo svg:hover{color:#dc3545;transition:color .3s}@media(max-width:576px){.TodoList .todoContent .todo{flex-wrap:wrap}.TodoList{overflow-y:auto}}
/*# sourceMappingURL=main.1be3e72a.css.map*/