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}.App-link{color:#61dafb}.my-content{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;color:#fff;margin:20px auto auto}.navbar{height:70px}@media only screen and (max-width:800px){.my-content{margin-left:-20%}}@media only screen and (max-width:480px){.my-content{margin-left:-40%}}@media only screen and (max-width:700px){.my-content{margin-left:-25%;width:1200px}}.please2 a:hover{color:#000}.please{position:absolute;right:5%;top:8%;font-size:110%}.please,.please2{float:right}.app-header{margin-top:5rem;margin-left:20rem}.sidenav{margin-top:50px;height:100%;min-width:0;width:20%;max-width:300px;position:fixed;z-index:1;top:0;left:0;background-color:#111;overflow-x:hidden;padding-top:20px}.sidenav a{padding:6px 8px 6px 16px;text-decoration:none;font-size:110%;color:#818181;display:block;transition:.3s}.sidenav a:hover{color:#fff}.main{margin-left:160px;padding:0 10px}#main{transition:margin-left .5s;padding:20px}.sidebar .closebtn{position:absolute;top:0;right:25px;font-size:36px;margin-left:50px}.openbtn{font-size:20px;cursor:pointer;background-color:#111;color:#fff;padding:10px 15px;border:none}.openbtn:hover{background-color:#444}@media screen and (max-height:450px){.sidenav{padding-top:15px}.sidenav a{font-size:18px}.sidenav{width:100px}}.sidebar-header{padding:20px;background:#00008b}.home-main{text-align:center;align-items:center;width:30%;margin-top:15%;margin-bottom:15%;margin-left:20%;border-style:solid;padding:30px 20px;box-shadow:#fff;color:#fff;-webkit-animation-name:example;animation-name:example;-webkit-animation-duration:4s;animation-duration:4s}@-webkit-keyframes example{0%{opacity:0;border:0}to{opacity:1}}@keyframes example{0%{opacity:0;border:0}to{opacity:1}}.home-p{font-size:130%}.home-main a{text-decoration:none;color:wheat}.home-main button{background-color:#191970;text-overflow:inherit}div#frm *{display:inline-block}#outer{width:100%;text-align:center}.inner{display:inline-block}@media screen and (max-width:1000px){.home-main{width:100%;margin-left:-100px}}li{color:#000}.singletask{width:70%;padding:1%;min-width:100px;max-width:100%;margin-right:10%}.singletask p{margin-bottom:10px}@media screen and (max-width:130px){#stask{width:100%;margin:0 0 0 -30px}}.completed{right:5%;background-color:#40e0d0}.completed,.labels{position:absolute;top:5%;padding:1%;text-align:right;border-radius:35%}.labels{right:25%;background-color:#9acd32}.overdue{position:absolute;top:30%;right:5%;padding:1%;background-color:red;text-align:right;border-radius:35%}button{margin-right:10px}.duedate{position:relative;left:2%;border-radius:50%}.duedate,.test1{top:5%;background-color:#ff0;text-align:center;width:30%}.test1{padding:4px}.test2{top:5%;float:right;margin-right:5px;padding:1%;background-color:#9acd32;text-align:right;border-radius:35%}.test2 a{text-decoration:none;font-size:90%}.test3{margin-right:5px;top:5%;float:right;padding:1%;background-color:#40e0d0;text-align:right;border-radius:35%}.test3 a,.test4 a{text-decoration:none;font-size:100%}.test4{background-color:red;border-radius:35%}.test4,.test5{margin-right:5px;top:5%;float:right;padding:1%;text-align:right}.test5{background-color:orange;border-radius:45%}.task-button{width:20%;height:200%}.update-please{font-size:90%}.task-a{color:#fff}.add-task{width:17%;height:80px;border-color:grey;background-color:#071e3e;position:relative;margin:0;border-radius:0}.fit-menu{align-items:center}.add-task-main{width:70%;border-color:grey;background-color:#071e3e;position:relative;margin:0;border-radius:0}h3{color:#40e0d0;align-items:center}.notask,h3{width:70%;text-align:center}.notask{margin-top:10%}.login{align-items:center;margin-top:70px;margin-left:10rem;width:25rem}.pointers,a{color:#fff8dc}.pointers{margin-top:5px;padding:50px 5px 5px}.pointers a{-webkit-text-decoration:wavy;text-decoration:wavy}.fitting{margin-top:auto}.x-forgot{color:#ff8a04}@media screen and (max-width:1000px){.better-ui{width:100%;margin-top:70px;margin-left:-100px}}.profile{width:25rem}.card,.profile{align-items:center}.card{box-shadow:0 4px 8px 0 rgba(0,0,0,.2);max-width:300px;margin-top:5em;margin-left:8em;text-align:center;color:#000;background-color:teal}.title{color:grey;color:#f5f5f5}.title,button{font-size:18px}button{border:none;outline:0;display:inline-block;padding:8px;color:#fff;background-color:#000;text-align:center;cursor:pointer;width:100%}a{text-decoration:none;font-size:22px;color:#000}a:hover,button:hover{opacity:.7}.imageclass{height:70%;width:80%}.update-button{background-color:#135b7c;border-color:grey;margin-left:8em;max-width:300px}label{display:block;margin-top:2%;font:1rem "Fira Sans",sans-serif}.task{align-items:center;width:60%}select{width:60%;height:40px}.error{color:red}.join{margin-bottom:20px}.members,button{margin-top:20px}.members{text-align:center;border:5px solid green;width:inherit;padding-top:5px;color:#fff}.members p{margin-top:7px}
/*# sourceMappingURL=main.49b06231.chunk.css.map */