.Hyph{font-size:18px}@media screen and (min-width:720px){.Hyph{font-size:22px}}@media screen and (min-width:980px){.Hyph{font-size:28px}}.Header{background-color:#f24182;color:#fff;padding:10px 20px}a:-webkit-any-link{color:#fff}a:hover{color:#fff}.logo{height:50px;border-radius:3px}nav{display:flex;flex-direction:column;align-items:center;margin-bottom:0}.Header h1{margin:0;font-size:40px;color:#fff}.logout-button{color:#000;background-color:#f24182;border:2px solid #f2c53d}.logout-button:hover{background-color:#f2c53d}@media screen and (min-width:720px){.logout-button{width:100px}.login-link,.registration-link{font-size:20px}}@media screen and (min-width:980px){.login-link,.registration-link{font-size:24px}}.landing-page{display:flex;flex-direction:column;align-items:center}ul{list-style:none}#call-to-action{color:#fff;font-size:26px;background-color:#3966bf;padding:15px;border-radius:5px}.yalla-login:hover{font-size:28px;color:#fff}@media screen and (min-width:720px){.app-explanation>h3{font-size:26px}.testUserList{font-size:24px}.app-explanation>p{font-size:20px}#call-to-action{font-size:28px}}@media screen and (min-width:980px){.app-explanation>h3{font-size:28px}.testUserList{font-size:26px}.app-explanation>p{font-size:22px}#call-to-action{font-size:28px}}.loginForm{display:block;font-size:26px;text-align:left;color:#fff;background-color:#3966bf;padding:15px;margin-bottom:15px;border:1px solid #3966bf;border-radius:5px}.login_input{background-color:#fff;margin:5px 5px 20px;font-size:22px;width:90%;border:1px solid #3966bf;color:#223454;border-radius:3px;padding:6px}.login-form-buttons{display:flex;flex-direction:row;justify-content:space-evenly;font-size:23px;border-radius:3px;margin:10px;color:#223454}.cancelButton,.loginButton{background-color:#fff;border:2px solid #f2c53d;width:100px}.cancelbutton:hover,.loginButton:hover{background-color:#f2c53d}.error,.loginError{color:#f20f38;font-size:20px;font-weight:700;font-family:Roboto,sans-serif}@media screen and (min-width:720px){.loginForm{display:flex;flex-direction:column;justify-content:space-around;padding:15px;font-size:30px;margin-top:40px;margin-right:60px;margin-left:60px;border-radius:5px}.password,.username{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;flex-wrap:wrap}label{flex:1 1}.login_input{margin:10px 10px 20px;padding-left:5px;font-size:24px;width:60%;flex:2 1;height:40px}.login_error{width:100%;font-size:29px}button{font-size:20px}.cancelButton,.loginButton{width:100px;color:#223454}.error,.login_error{font-size:29px}}@media screen and (min-width:980px){.loginForm{margin-left:150px;margin-right:150px}.login_input{flex:3 1;margin:15px 15px 20px;font-size:26px}.login-form-buttons{justify-content:flex-end}}.LoginPage>h2{font-size:32px;text-align:center;color:#3966bf}.LoginPage>p{font-size:18px}.register-link{font-size:22px;background-color:#3966bf;padding:15px}.register-link:hover{font-size:25px}@media screen and (min-width:720px){.LoginPage>h2{font-size:34px}.LoginPage>p,.register-link{font-size:20px;margin-left:60px}}@media screen and (min-width:980px){.LoginPage>h2{font-size:36px}.LoginPage>p,.register-link{font-size:22px;margin-left:150px}}.add-user-section{display:flex;flex-direction:column;align-items:center}#preview{border-radius:50%;height:110px;width:110px;margin:16px}.add-user-reg{display:flex;flex-direction:column;align-items:center;justify-content:center}#file-input-reg{font-size:18px;margin-left:90px}.preview-label-reg{display:block;font-size:18px;margin:15px}.registration-form{display:block;font-size:26px;color:#fff;background-color:#3966bf;padding:28px;margin-bottom:15px;border:1px solid #3966bf;border-radius:5px}.registration_input{display:block;border:1px solid #3966bf;border-radius:3px;margin:5px 5px 20px;font-size:22px;background-color:#fff;width:95%;padding:6px}.registration-form-buttons{display:flex;flex-direction:row;align-items:center;justify-content:space-evenly;margin-top:20px;color:#223454}button{font-size:23px;border-radius:3px;margin:10px}.cancelRegistration,.submitRegistration{background-color:#fff;border:2px solid #f2c53d}.cancelRegistration:hover,.submitRegistration:hover{background-color:#f2c53d;border:2px solid #f2c53d}.error,.registrationError{color:#f20f38;font-size:20px;font-weight:700;font-family:Roboto,sans-serif}@media screen and (min-width:720px){.registration-form{display:flex;flex-direction:column;justify-content:space-around;width:70%;padding:15px;font-size:30px;margin-top:40px;margin-right:60px;margin-left:60px;border-radius:5px}.email,.fullname,.password,.username{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;flex-wrap:wrap}label{flex:1 1}.preview-label-reg{font-size:24px}.add-user-reg{display:flex;flex-direction:row;margin-left:70px;margin-right:70px}#file-input-reg{width:60%}.registration_input{margin:10px 10px 20px;padding-left:5px;font-size:24px;width:60%;flex:2 1;height:40px}.cancelRegistration,.submitRegistration{width:100px}.registration_error{width:100%}.error,.registrationError{font-size:29px}}@media screen and (min-width:980px){.add-user-section{width:90%}.registrationForm{margin-left:150px;margin-right:150px;width:90%}.registration_input{flex:3 1;margin:15px 15px 20px;font-size:26px}.registration-form-buttons{justify-content:flex-end}}.RegistrationPage{display:flex;flex-direction:column;align-items:center}.RegistrationPage>h2{font-size:32px;text-align:center;color:#3966bf}@media screen and (min-width:720px){.RegistrationPage>h2{font-size:34px}}@media screen and (min-width:980px){.RegistrationPage>h2{font-size:36px}}.task-list-item{display:flex;flex-direction:column;padding:5px;background-color:#fff;margin-bottom:20px;border-radius:3px}.task-list-item-headline{font-size:20px}.task-button-section{display:flex;flex-direction:row;justify-content:center;align-items:center}.task-delete,.task-do{background-color:#f2c53d;border-radius:2px;border:2px solid #f2c53d;font-size:20px;color:#223454}.done-task-section .task-button-section{display:none}@media screen and (min-width:720px){.task-list-item{margin-right:12px}}.task-list{list-style:none}.category-links{display:flex;flex-direction:row;align-items:center;margin:0;padding:5px}.Body,.Mind,.Other,.Soul{margin:5px;border-radius:3px}.Mind{background-color:#f25d27;border:2px solid #f25d27;color:#000}.Soul{background-color:#223454;border:2px solid #223454;color:#fff}.Body{background-color:#f24182;border:2px solid #f24182;color:#000}.Other{background-color:#3966bf;border:2px solid #3966bf;color:#fff}@media screen and (min-width:720px){.task-section{display:flex;flex-direction:row;justify-content:space-between;width:100%}.category-links{display:flex;flex-direction:column}.category-links>button{width:200px}.task-list{width:65%;padding-top:10px}}@media screen and (min-width:980px){.do-task-section{align-items:center;justify-content:center}.task-section{width:90%;justify-content:space-around}.category-links>button{width:200px;height:80px}.task-list{width:60%;padding-top:10px;margin-right:30px}}.post-links{list-style:none;padding:10px;margin-bottom:20px}.post-list-item a{color:#223454!important}.post-list-headline{font-size:24px}@media screen and (min-width:720px){.post-list-item{font-size:24px;line-height:48px}}.post-item{background-color:#fff;padding:10px;border-radius:3px}.post-pic{width:100%}.add-post-form{display:flex;flex-direction:column;align-items:center;font-size:20px;color:#223454}.add-content-input,.add-pic-input{background-color:#fff;border:1px solid #223454;border-radius:5px;margin:5px 5px 20px;padding:6px;font-size:20px;height:40px;width:90%}.add-post{width:100%}.input-preview{display:flex;flex-direction:column;align-items:center;justify-content:center}.add-post-button{color:#fff;background-color:#3966bf;border:2px solid #3966bf;width:100px}.preview-label{display:block;text-align:center;margin:15px}#file-input{display:flex;font-size:18px;width:100%}@media screen and (min-width:720px){.add-post-form>h2{margin-top:0}.add-post-form{font-size:26px;display:flex;flex-direction:column;justify-content:space-around;width:100%;padding:15px;margin:0}label{flex:1 1}.preview-label{margin:25px;font-size:24px}.upload-picture{margin:10px;padding-left:5px;font-size:28px;width:70%;flex:3 1;height:40px}.add-content{width:100%}.update_error{width:100%;font-size:29px}#file-input{justify-content:space-between;font-size:22px}}@media screen and (min-width:980px){.add-post-form{margin:20px}.add-post{width:100%}.preview-label{margin:25px;font-size:28px}}.task-item{display:flex;flex-direction:column;align-items:center}.task-item-headline{font-size:28px;margin:20px}.task-done{color:#fff;background-color:#3966bf;margin-bottom:20px;border:2px solid #3966bf;border-radius:3px}.task-done:hover{background-color:#223454}@media screen and (min-width:980px){.task-item-headline{font-size:32px}.add-task-button,.add-task-list-button,.task-done{font-size:26px}}.dashboard-header{display:flex;flex-direction:column;align-items:center}.profile-pic{height:70px;width:70px;border-radius:50%}.add-task-buttons{display:flex;flex-direction:row;justify-content:center;margin-top:30px}.add-task-button,.add-task-list-button{color:#fff!important;background-color:#3966bf;border:2px solid #3966bf;border-radius:3px}.add-task-button:visited{color:#fff}.current-task-section,.doing-section{display:flex;flex-direction:column;align-items:center}.doing-section{color:#fff;background-color:#f24182;border-radius:5px}@media screen and (min-width:720px){.profile-pic{height:120px;width:120px}.welcome-headline{font-size:28px}.doing-section{width:70%}.add-post-section,.post-section{display:flex;flex-direction:column;align-items:center}.post-section-items{width:70%}#file-input,#status{font-size:24px}.add-post-button{font-size:26px}}@media screen and (min-width:980px){.profile-pic{height:130px;width:130px}.welcome-headline{font-size:32px;font-size:28px}.doing-section{display:flex;flex-direction:column;justify-content:center;align-items:center;width:55%}#file-input,#status{font-size:28px;align-self:center}}.all-tasks-list{font-size:24px}.all-tasks-list>ul{list-style:none;padding:0}.add-task-list-li{display:flex;flex-direction:column;color:#fff;background-color:#3966bf;align-items:center;padding:10px;margin-bottom:20px;border-radius:3px}.add-button,.to-dashboard-button{background-color:#f25d27;border:2px solid #f25d27}.to-dashboard-button{width:100%;margin:0}.add-button:hover,.to-dashboard-button:hover{background-color:#f2c53d;border:2px solid #f2c53d;color:#223454}@media screen and (min-width:720px){.all-tasks-list{display:flex;flex-direction:column;align-items:center}.all-tasks-list>ul{width:65%}}@media screen and (min-width:980px){.all-tasks-list>ul{width:35%}.all-tasks-list>ul>li{margin:15px}}.post-page-buttons{display:flex;flex-direction:row;justify-content:space-evenly;font-size:23px;border-radius:3px;margin:10px;color:#fff}.back-button,.delete-post-button,.edit-post-button{background-color:#f24182;border:2px solid #f24182;width:100px}.back-button:hover,.delete-post-button:hover,.edit-post-button:hover{background-color:#f2c53d;border:2px solid #f24182}@media screen and (min-width:720px){.post-page{margin-right:auto;margin-left:auto;margin-top:30px;width:65%}.post-page>h4{font-size:24px}}.add-task-form{width:30rem;margin:2rem auto;max-width:80%}.category-select,.description{display:block;width:100%}.description-input{background-color:#fff;margin:5px 5px 20px;font-size:22px;width:90%;border:1px solid #3966bf;color:#223454;border-radius:3px;padding:6px}.task-button-group{display:flex;flex-direction:row;justify-content:space-evenly;font-size:23px;border-radius:3px;margin:10px;color:#fff}.cancel-task-button,.save-task-button{background-color:#f24182;border:2px solid #f2c53d;width:100px}.cancel-task-button:hover,.save-task-button:hover{background-color:#f2c53d}@media screen and (min-width:720px){.add-task-form>h2{font-size:24px}.cancel-task-button,.category-select,.category-select>select,.description,.save-task-button{font-size:20px}}@media screen and (min-width:980px){.add-task-form>h2{font-size:28px}.category-select,.category-select>select,.description{font-size:24px}.cancel-task-button,.save-task-button{font-size:26px;width:115px}}.edit-post-form{display:block;font-size:26px;text-align:left;color:#fff;background-color:#3966bf;padding:15px;margin-bottom:15px;margin-top:20px;border:1px solid #3966bf;border-radius:5px}.edit-content,.edit-pic{display:block;width:100%;height:auto;font-size:22px}.edit_content_input,.edit_pic_input{background-color:#fff;margin:5px 5px 20px;font-size:22px;width:90%;border:1px solid #3966bf;color:#223454;border-radius:3px;padding:6px}.update_button_group{display:flex;flex-direction:row;justify-content:space-evenly;font-size:23px;border-radius:3px;margin:10px;color:#fff}.cancel-edit-post,.edit-post{background-color:#f24182;border:2px solid #f2c53d;width:100px}.cancel-edit-post:hover,.submit-edit-post:hover{background-color:#f2c53d}.error{color:#f20f38;font-size:20px;font-weight:700;font-family:Roboto,sans-serif}.post-pic-display{width:100%}@media screen and (min-width:720px){.edit-post-form{width:65%;margin-right:auto;margin-left:auto}}@media screen and (min-width:980px){.edit-post-form{width:55%}}.App__main{font-family:"Ubuntu",sans-serif;padding:10px 20px 40px;background-color:#f2c53d;color:#223454;min-height:100vh}h1{font-family:"Candal",sans-serif}a{text-decoration:none}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}
/*# sourceMappingURL=main.d37a5c9a.chunk.css.map */