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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{font-family:Roboto!important}.App{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)}}.form__input .addTodoBtn,.form__input .input{margin:10px}.task-title{margin-top:0}.popup-modal{height:100vh;left:50%;position:fixed;top:50%;width:100vw}.btn{background-color:#213644;border:none;border-radius:5px;color:#fff;cursor:pointer;display:inline-block;font-size:16px;font-weight:700;padding:10px 20px;text-align:center;text-decoration:none;transition:all .3s ease-in-out}.btn:hover{background-color:#384e5e}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}body{background:#f1f2f7;color:#2f4f4f;font-family:Open Sans,arial,sans-serif}body.login{background-color:#fff;height:auto;margin:10vh auto;max-width:500px;padding:1em}.warn{color:#ffa07a}header[role=banner]{background:#fff;box-shadow:1px 1px 3px rgba(0,0,0,.15)}header[role=banner] h1{font-weight:300;margin:0;padding:1rem}header[role=banner] h1:before{color:#40e0d0;content:"\f248";font-family:FontAwesome;padding-right:.6em}header[role=banner] .utilities{background:#708090;color:#ddd;width:100%}header[role=banner] .utilities li{border-bottom:1px solid hsla(0,0%,100%,.2)}header[role=banner] .utilities li a{display:block;padding:.7em}.utilities a:before{content:"\f248";font-family:FontAwesome;padding-right:.6em}.logout a:before{content:"\f08b"}.users a:before{content:"\f007"}nav[role=navigation]{background:#2a3542;color:#ddd}nav[role=navigation] li{border-bottom:1px solid hsla(0,0%,100%,.08)}nav[role=navigation] li a{color:#ddd;display:block;padding:.7em;text-decoration:none}nav[role=navigation] li a:hover{background-color:hsla(0,0%,100%,.05)}nav[role=navigation] li a:before{content:"\f248";font-family:FontAwesome;padding-right:.6em}nav[role=navigation] .dashboard a:before{content:"\f0e4"}nav[role=navigation] .write a:before{content:"\f055"}nav[role=navigation] .edit a:before{content:"\f040"}nav[role=navigation] .comments a:before{content:"\f27b"}nav[role=navigation] .users a:before{content:"\f007"}.comments .comments a,.current,.dashboard .dashboard a,.edit .edit a,.users .users a,.write .write a{background-color:hsla(0,0%,100%,.1)}footer[role=contentinfo]{background:#708090;color:#ddd;font-size:.8em;padding:.2em;text-align:center}.panel{background-color:#fff;border-radius:.3rem;color:#2f4f4f;margin:1%}.panel>h2,.panel>ul{margin:1rem}a{color:inherit;text-decoration:none}h2,h3,h4{font-weight:300;margin:0}h2{color:#1eb6a7}b{color:#ffa07a}.hint{color:#789}li,ul{list-style-type:none;margin:0;padding:0}main li{margin:.5em 0;padding-left:1.2em;position:relative}main li:before{border-bottom:5px solid transparent;border-left:10px solid #dde;border-top:5px solid transparent;content:"";height:0;left:0;position:absolute;top:.3em;width:0}form input,form select,form textarea{border:1px solid #dde;display:block;padding:.5em;width:100%}form input:after,form select:after,form textarea:after{clear:both;content:"";display:table}form input[type=checkbox],form input[type=radio]{display:inline;width:auto}form label,form legend{display:block;margin:1em 0 .5em}form input[type=submit]{background:#40e0d0;border:none;border-bottom:4px solid #21ccbb;border-radius:.5em;text-shadow:0 -1px 0 #21ccbb}form input[type=submit],form input[type=submit]:hover{color:#fff;display:inline-block;font-size:1.1em;font-weight:700;margin:1em 0;padding:.7em 3em;width:auto}form input[type=submit]:hover{background:khaki;border:none;border-bottom:4px solid #eadc5f;border-radius:.5em;text-shadow:0 -1px 0 #eadc5f}.error{background-color:#ffe9e0;border-color:#ffc4ad}label.error{padding:.2em .5em}.feedback{background:#fcfae6;border:1px solid khaki;color:#857a11;margin:1em;padding:.5em .5em .5em 2em}.feedback:before{color:#e4d232;content:"\f05a";font-family:fontawesome;margin-left:-1.5em;margin-right:.5em}.feedback li:before{border-left-color:#f6f0b9}.feedback.error{background:#ffe9e0;border:1px solid #ffa07a;color:#942a00;margin:1em;padding:.5em .5em .5em 2em}.feedback.error:before{color:#ff5714;content:"\f06a";font-family:fontawesome;margin-left:-1.5em;margin-right:.5em}.feedback.error li:before{border-left-color:#ffc4ad}.feedback.success{background:#98eee6;border:1px solid #40e0d0;color:#08322e;margin:1em;padding:.5em .5em .5em 2em}.feedback.success:before{color:#1aa093;content:"\f164";font-family:fontawesome;margin-left:-1.5em;margin-right:.5em}.feedback.success li:before{border-left-color:#6ce7db}table{border-collapse:collapse;margin:2%;width:96%}th{border-bottom:1px solid rgba(0,0,0,.1);font-size:13px;font-weight:400;padding:0 10px 14px;text-align:left;text-transform:uppercase}tr:not(:first-child):hover{background:rgba(0,0,0,.1)}td{font-weight:300;line-height:40px;padding:0 10px}@media screen and (min-width:600px){body,html{height:100%}header[role=banner]{height:75px;left:0;position:fixed;top:0;width:100%;z-index:99}header[role=banner] .utilities{background:transparent;color:#2f4f4f;position:absolute;right:0;top:0;width:auto}header[role=banner] .utilities li{display:inline-block}header[role=banner] .utilities li a{padding:.5em 1em}nav[role=navigation]{bottom:0;position:fixed;top:75px;width:200px}main[role=main]{margin:75px 0 50px 200px;padding-bottom:1rem}main[role=main]:after{clear:both;content:"";display:table}.panel{float:left;margin:2% 0 0 2%;width:96%}.panel:after{clear:both;content:"";display:table}.box,.onethird,.twothirds{padding:1rem}.onethird{float:left;width:33.333%}.twothirds{float:left;width:66%}footer[role=contentinfo]{clear:both;margin-left:200px}}@media screen and (min-width:900px){footer[role=contentinfo]{bottom:0;left:0;margin:0;position:fixed;width:100%}.panel{clear:none;width:47%}.panel.important{width:96%}.panel.secondary{width:23%}}