@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap);.App{font-family:Poppins;text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}*{box-sizing:border-box;margin:0;padding:0}nav{align-items:center;background-color:#fff;box-shadow:0 1px 16px 6px rgba(0,0,0,.096);display:flex;height:60px;justify-content:center;width:100%}nav .menu_toggler{display:none}nav a{border-radius:4px;color:#4646ff;font-weight:700;margin:10px 16px;padding:10px 20px;position:relative;text-decoration:none}nav a:before{background-color:#fff;bottom:5px;content:"";height:4px;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:0}nav a:hover{background-color:#7171ff;color:#fff;letter-spacing:1px;transition:all .4s}nav a:hover:before{transition:all .4s;width:80%}@media screen and (max-width:720px){nav{flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:space-between}nav .menu_header{justify-content:space-between}nav .menuItems,nav .menu_header{align-items:center;display:flex;width:100%}nav .menuItems{flex-direction:column;justify-content:center;transition:all .4s ease-in-out}nav .menuItems-hidden{-webkit-animation:hideMenu .5s forwards;animation:hideMenu .5s forwards}nav .menuItems-shown{-webkit-animation:showMenu .5s forwards;animation:showMenu .5s forwards;display:flex}@-webkit-keyframes showMenu{0%{font-size:0;height:0;opacity:0}to{font-size:1rem;height:190px;opacity:1}}@keyframes showMenu{0%{font-size:0;height:0;opacity:0}to{font-size:1rem;height:190px;opacity:1}}@-webkit-keyframes hideMenu{0%{font-size:1rem;height:190px;opacity:1}to{font-size:0;height:0;opacity:0}}@keyframes hideMenu{0%{font-size:1rem;height:190px;opacity:1}to{font-size:0;height:0;opacity:0}}nav .menu_toggler{align-self:center;color:#4646ff;cursor:pointer;display:flex;font-size:2rem;justify-content:flex-end;padding-right:10px}}.Login_container,.Logout_container{background-color:#4646ff;border-radius:4px;margin-top:40px;padding:30px}.Login_container .LoginBtn,.Login_container .LogoutBtn,.Logout_container .LoginBtn,.Logout_container .LogoutBtn{background-color:#fff;border:none;border-radius:4px;font-size:1.2rem;height:40px;max-width:90%;min-width:100px;width:90%}.Login_container .LoginBtn:hover,.Login_container .LogoutBtn:hover,.Logout_container .LoginBtn:hover,.Logout_container .LogoutBtn:hover{background-color:#cecece;border-radius:10px;letter-spacing:2px;transition:all .3s}.Login_container .emailField,.Login_container .usernameField,.Logout_container .emailField,.Logout_container .usernameField{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.Login_container .emailField label,.Login_container .usernameField label,.Logout_container .emailField label,.Logout_container .usernameField label{color:#fff;font-size:1.2rem;font-weight:700;letter-spacing:1px;margin-right:10px}.Login_container .emailField input,.Login_container .usernameField input,.Logout_container .emailField input,.Logout_container .usernameField input{border:none;border-radius:2px;font-size:1.2rem;outline:none;padding:8px 6px}.todo{align-items:center;background-color:#fff;border-radius:2px;box-shadow:0 0 6px 1px rgba(0,0,0,.349);display:flex;height:55px;justify-content:space-between;margin-top:15px;min-width:600px;width:100%}.todo:first-child{margin-top:20px}.todo .actions{align-items:center;display:flex;height:100%;justify-content:end;overflow:hidden;width:135px}.todo .actions button{background-color:#4646ff;border:none;color:#fff;cursor:pointer;font-size:1.5rem;height:100%;transition:all .3;width:55px}.todo .actions button:nth-child(2){background-color:#1299c2}.todo .actions button:nth-child(3){background-color:#f81b1b}.todo .bigText{overflow-x:scroll;overflow-y:hidden;white-space:nowrap}.todo .todoText{font-size:1rem;font-weight:500;margin:0 10px;padding:5px 0;text-align:start;width:calc(100% - 135px)}.editContainer{align-items:start;background-color:#4646ff;display:flex;flex-direction:column;justify-content:center;margin-top:10px;min-width:600px;padding:20px 10px;width:100%}.editContainer h3{color:#fff;font-weight:400;padding-bottom:10px}.editContainer .editArea{align-items:center;display:flex;justify-content:center;width:100%}.editContainer .editArea button,.editContainer .editArea input{box-shadow:0 0 17px 1px rgba(0,0,0,.192)}.editContainer .editArea input{border:1px solid #797979;border-radius:2px;font-size:1.2rem;height:55px;outline:none;padding:11px 10px;width:80%}.editContainer .editArea button{background-color:#4646ff;border:none;color:#fff;cursor:pointer;font-size:1.5rem;height:55px;transition:all .3;width:55px}.editContainer .editArea button:nth-child(2){background-color:#1299c2}.editContainer .editArea button:nth-child(3){background-color:#f81b1b;font-size:1.8rem}@media screen and (max-width:720px){.editContainer,.todo{min-width:100%}}main{align-items:center;background-color:#7171ff;display:flex;flex-direction:column;justify-content:start;min-height:calc(100vh - 60px);width:100vw}main .container{box-sizing:border-box;margin:10px;max-width:calc(100% - 20px);width:700px}main .container h2{color:#fff;margin-bottom:10px;text-align:start}main .container h2:nth-child(2){margin-bottom:30px}main .container .LogoutBtn{font-family:Poppins,sans-serif;font-size:1rem;font-weight:600}main .container .todoInput{align-items:center;display:flex;justify-content:space-between;margin-top:45px}main .container .todoInput button,main .container .todoInput input{box-shadow:0 0 17px 1px rgba(0,0,0,.192)}main .container .todoInput input{border:1px solid #797979;border-radius:2px;font-size:1.2rem;margin-right:15px;outline:none;padding:11px 10px;width:80%}main .container .todoInput button{background-color:#4646ff;border:none;border-radius:2px;color:#fff;min-width:100px;outline:none;padding:15px 0}main .container .todosContainer{width:100%}@media screen and (max-width:720px){.container{margin:10px;width:calc(100vw - 20px)}.container h2{font-size:1.2rem}}.Contact__Container{background:#73a2fb;background:linear-gradient(124deg,#5590ff 50%,#3470df);display:-ms-grid;display:grid;min-height:calc(100vh - 60px);place-items:center;width:100%}.Contact__Container .emailForm{align-self:center;background-color:#3267c9;border-radius:5px;box-shadow:0 0 4px 0 rgba(0,0,0,.158);display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;max-width:calc(100vw - 20px);padding:15px 0;width:500px}.Contact__Container .emailForm .form_part{align-self:center;display:flex;justify-content:space-between;margin-bottom:15px;width:90%}.Contact__Container .emailForm .form_part:last-child{justify-content:center;margin-bottom:0}.Contact__Container .emailForm .form_part:last-child button{background-color:#fff;border:none;border-radius:5px;font-size:1.1rem;height:40px;width:100%}.Contact__Container .emailForm .form_part:last-child button:hover{letter-spacing:1px;transition:all .4s}.Contact__Container .emailForm .form_part input,.Contact__Container .emailForm .form_part textarea{border:none;border-radius:5px;font-size:1rem;outline:none;padding:10px 20px;width:70%}.Contact__Container .emailForm .form_part textarea{font-family:Poppins;max-height:200px;max-width:70%;min-height:180px;min-width:70%}.Contact__Container .emailForm .form_part label{color:#fff}@media screen and (max-width:720px){.Contact__Container .emailForm .form_part input,.Contact__Container .emailForm .form_part label,.Contact__Container .emailForm .form_part textarea{font-size:.9rem}.Contact__Container .emailForm .form_part input,.Contact__Container .emailForm .form_part textarea{padding:8px 10px}.Contact__Container .emailForm .form_part textarea{font-family:Poppins;max-height:150px;max-width:70%;min-height:100px;min-width:70%}}.About__Container{align-items:center;display:flex;flex-direction:column;justify-content:start;min-height:calc(100vh - 60px);padding:20px 50px;width:calc(100% - 100px)}.About__Container .section{align-items:center;display:flex;justify-content:space-between;margin-top:50px;width:100%}.About__Container .section:last-child{align-items:start;flex-direction:column}.About__Container .section:last-child h2{border-bottom:8px solid #4646ff;margin-bottom:1.3rem;padding-bottom:5px}.About__Container .section:last-child ul{list-style:none;margin-left:2rem;text-align:start}.About__Container .section:last-child ul li{font-size:1.2rem}.About__Container .section:last-child ul li span{color:#4646ff;margin-right:10px}.About__Container .section img{width:50%}.About__Container .section .info .info_text{margin-bottom:35px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.About__Container .section .info .info_text .title{font-size:3.5rem;margin-bottom:15px;text-align:start}.About__Container .section .info .info_text .text{font-size:1.1rem;text-align:start;width:550px}.About__Container .section .info .btns{display:flex;justify-content:start}.About__Container .section .info .btns a{background-color:#4646ff;border:none;border-radius:2px;box-shadow:0 0 15px 0 rgba(0,0,0,.2);color:#fff;cursor:pointer;font-size:1.2rem;margin-right:10px;padding:10px 0;text-decoration:none;width:170px}.About__Container .section .info .btns a span{margin-right:8px}.About__Container .section .info .btns a:hover{background-color:#7171ff;transition:all .4s}@media screen and (max-width:720px){.About__Container{padding:15px;width:100%}.About__Container .section{flex-direction:column-reverse;margin-bottom:20px;margin-top:15px;width:100%}.About__Container .section h2{font-size:1.3rem}.About__Container .section img{width:90%}.About__Container .section .info{width:100%}.About__Container .section .info .info_text{margin-bottom:35px;width:100%;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.About__Container .section .info .info_text .title{font-size:1.6rem;margin-bottom:15px;text-align:start}.About__Container .section .info .info_text .text{font-size:1.1rem;text-align:start;width:90%}}
/*# sourceMappingURL=main.41bb9b29.css.map*/