body{background-color:#fff;margin:0;font-family:"Rubik",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.login{border-radius:10px;margin-bottom:2rem;text-align:center;box-shadow:0 0 20px 5px #d8d8d8}.login-box .top{border-radius:5px;background:#ffe74c;margin-bottom:10px;padding-bottom:3em}.login-box h2{font-weight:400;font-size:large;margin-top:2rem}.buttons{flex-direction:column;align-items:center}.sign-up-button{background-color:transparent;font-weight:300;font-size:small;margin:4px 0;text-decoration:none;width:30%}.login-button,.sign-up-button{font-family:"Rubik",sans-serif;color:#000;border-radius:99px;border:none;cursor:pointer}.login-button{background:#ffe74c;font-weight:500;padding:1em 5em;margin:8px 0;width:80%}@media screen and (max-width:750px){.login-box{width:15rem}.login-box h2{font-size:1rem}}.home{display:grid;place-items:center;background:#fff;height:100vh}header h1{font-size:3rem;font-weight:300;text-align:center;margin-bottom:10px}header h3{padding:1rem 2rem;font-size:larger;font-weight:100;text-align:center}.add-task{display:flex;justify-content:center;flex-direction:column;align-items:center;margin-top:1rem;width:calc(6vw + 15em);padding:.5em 2em;border-radius:10px}.add-task h1{font-size:calc(.6vw + .8em);font-weight:400;margin-bottom:10px}.add-task img{width:80px}.add-bar{--size:50px;box-shadow:0 0 3em rgba(0,0,0,.15);display:flex;border-radius:15px;height:calc(var(--size) - 7px);width:calc(var(--size) - 7px);padding:3px;position:relative;transition:width .3s cubic-bezier(.18,.89,.32,1.28);overflow:hidden}.add-bar__input{flex-grow:1;font-size:1rem;border-radius:14px;padding:0 .6em;outline:none;position:absolute;overflow:hidden;top:0;bottom:0;left:0;line-height:calc(var(--size) - 3px);opacity:0;cursor:pointer}.add-bar:focus{outline:0}.add-bar__submit{cursor:pointer;border:0;background:transparent;border-radius:30%;width:calc(var(--size) - 5px);height:calc(var(--size) - 5px);margin-left:auto;transition:background .15s ease-in-out}.add-bar:focus-within{width:100%}.add-bar:focus-within .add-bar__submit{background-color:#6bf178;color:#000;outline:0;box-shadow:0 0 10px rgba(0,0,0,.45);z-index:1}.add-bar:focus-within .add-bar__input{opacity:1;cursor:auto;width:calc(95% - var(--size))}.add-icon{width:4.5vmin;height:4.5vmin}.tabs{display:grid;grid-template-columns:1fr 1fr}.tabs .button{display:flex;justify-content:center;align-items:center;font-family:"Rubik",sans-serif;text-decoration:none;color:#000;font-weight:500;font-size:calc(.4vw + .7rem);background-color:#f0f0f0;padding:1em 2em}.tabs .active,.tabs .button{text-align:center;border:none;outline:none;cursor:pointer}.tabs .active{background-color:#6bf178}.task{display:flex;align-items:center;justify-content:space-between;margin-top:4px;margin-bottom:2px;border-bottom:1px solid #979797;padding:1rem 0;margin-right:1.5rem}.title{font-size:calc(.4vw + .7rem);font-weight:500}.selection{display:flex;justify-content:space-between;width:calc(1vw + 2.5rem)}.selection__button{background:transparent;border:none;cursor:pointer}.completed,.delete{width:calc(.5vw + .8em);height:calc(.5vw + .8em)}.task-list{max-height:80%;padding:0 0 0 1rem;overflow:auto}.quote{color:#000;background-color:#ffe74c;border-radius:9px;padding:.4em;margin-top:1em;margin-bottom:1em;text-align:center;box-shadow:0 0 3em rgba(0,0,0,.15)}.quote p{margin-top:5px;font-size:calc(.4vw + .7em);font-style:italic}.quote p:after,.quote p:before{content:'"'}.topbar{display:grid;grid-template-columns:1fr 2fr 1fr;justify-content:space-around;align-items:center}.topbar div{display:flex;flex-direction:column;align-items:center}.topbar-left{text-align:center;padding:1em;-webkit-user-select:none;-ms-user-select:none;user-select:none}.topbar-left h1{font-size:calc(.7vw + 1em);margin-bottom:.5rem}.topbar-right h1{text-align:center;font-size:calc(.7vw + .8em);font-weight:400}.profile button{background-color:#f5f5f5;border:none;margin-top:15px;border-radius:7px;padding:.3em .8em;cursor:pointer;transition:.1s linear;box-shadow:0 0 7px 1px #ffa9a9}.profile button:active{box-shadow:none;background-color:brown}.main{display:flex;flex-direction:column;align-items:center;height:100vh;background-color:#fff}.top{width:100%;color:#000;background-color:#ff5964}.todo{margin-top:2rem;border-radius:2%;max-height:40%;max-width:80%;background-color:#fffffe;box-shadow:0 0 1em rgba(0,0,0,.15)}.signup{align-items:center;height:100vh}.signup,.signup-container{display:flex;flex-direction:column;justify-content:center}.signup-container{border-radius:10px;max-width:80%;text-align:center;box-shadow:0 0 20px 5px #d8d8d8}.signup-box .top{border-radius:5px;background:#ffe74c;margin-bottom:10px;padding-bottom:3em}.container{padding:2em 5px;font-size:80%}.signup-box h2{font-weight:400;font-size:large;margin-top:2rem}.password,.text{background-color:#f0f0f0;outline:none;width:60%;padding:12px 5px;margin:8px 0;border-radius:10px;display:inline-block;border:1px solid #ccc;box-sizing:border-box}.signup-button{background:#ffe74c;font-family:"Rubik",sans-serif;color:#000;font-weight:500;padding:1em 5em;margin:8px 0;border-radius:99px;border:none;cursor:pointer;width:80%}.back-button{margin-top:1rem;width:100%}.back-icon{cursor:pointer;float:left;width:4.5vmin;height:4.5vmin}.buttons{display:flex}button:hover{opacity:.8}@media screen and (max-width:750px){.signup-box{width:15rem}.signup-box h2{font-size:1rem}}a,blockquote,body,div,footer,h1,h2,h3,h4,h5,h6,header,html,img,input,label,li,menu,nav,ol,p,section,select,span,table,tbody,td,tfoot,th,thead,tr,ul,video{margin:0;padding:0;font-size:100%;list-style:none;border:0}
/*# sourceMappingURL=main.19766779.chunk.css.map */