@import"https://fonts.googleapis.com/css2?family=Lexend+Deca:wght@100..900&display=swap";#root{margin:0;height:100%;width:100vw;max-width:500px;background-color:#121215;display:flex;flex-direction:column;padding-bottom:1vh;align-items:center}body{margin:0;padding:0;display:flex;width:100vw;height:100dvh;justify-content:center;align-items:center}.title{margin:0;font-size:2.5em}.first{color:#e0e1fb}.second{color:#724af4}.header{display:flex;align-items:center;margin:1em;width:90%}.titleContainer{flex-grow:1;display:flex}.content{height:75%;width:80%;color:#e0e1fb;background-color:#202024;border-radius:2em;padding:5%;display:flex;flex-direction:column}.subtitle{margin:.5em 0 1em .5em;font-size:1.3em;color:#8d8fd2}.tasks{flex-grow:1;overflow:auto}.task{background-color:#2f2d36;margin-bottom:.5em;font-size:1.25em;border-radius:1em;min-height:3%;padding:2%;display:flex;align-items:center}.taskName{flex-grow:1;margin:0}.taskform{display:flex;height:9%;align-items:center;padding:1.5%}.modal{position:absolute;width:100vw;max-width:500px;min-height:100vh;display:flex;flex-direction:column;align-items:center}.top{display:flex;justify-content:right;margin-top:4vh;color:#fff;width:90vw;max-width:450px}.modal-content{min-height:75vh;width:75%;color:#e0e1fb;background-color:#202024;border-radius:2em;padding:4%;display:flex;flex-direction:column;margin-top:2vh}.modal-subtitle{margin:.5em 0 .5em .5em;font-size:1.5em;color:#8d8fd2;flex-grow:1}.st-container{display:flex;align-items:center;margin-bottom:1vh}.tasks{flex-grow:1}.category{background-color:#2f2d36;margin-bottom:.5em;font-size:1.25em;border-radius:.5em;min-height:4vh;padding:2%;display:flex;align-items:center}.hitbox{display:flex;align-items:center;flex-grow:1}.categoryName{flex-grow:1;margin:0 0 0 1em}.categoryform{display:flex;height:2vh;align-items:center;padding:1.5%;width:100%}.cf-input{flex-grow:1;background-color:#2f2d36;border:none;color:#fff!important;font-size:.8em;margin-left:5%}.cf-button{background-color:transparent;box-shadow:none;border:none;color:#fff;padding:0;font-size:2em;margin:0 0 0 5%}.image{height:80vmin;max-height:290px;margin-top:10vh;flex-grow:1}.signup{display:flex;flex-direction:column;align-items:center;height:80vh;width:100vw}.image-container{flex-grow:1}.signup-button{background-color:#202024;color:#724af4;font-size:1.4em;font-weight:600;width:70vw;max-width:300px;border-radius:2em;padding:2% 5%;display:flex;align-items:center;margin-bottom:5vh;box-shadow:8px 8px}.signup-button:hover{background-color:#2f2d36}.signup-text{margin:0;padding:2%;flex-grow:1}.profile-pic{min-width:35px}.profile-pic img{max-width:35px;border-radius:50%}.message,.right-message{display:flex;margin-top:.4em}.right-aligner{display:flex;justify-content:end}.padder{min-height:1em}.right-section{background-color:#2f2d36;margin-left:.5em;border-radius:0 1em 1em;padding:.4em}.left-section{background-color:#060964;margin-right:.5em;border-radius:1em 0 1em 1em;padding:.4em}.message-content{font-size:1.2em;padding-left:.5em;font-weight:250;margin-bottom:.2em;margin-right:.2em}.sender-name{margin:.2em .5em 0}.timestamp{text-align:end;font-size:.7em}.messages{overflow:auto;flex-grow:1}.chatscreen{height:100%;width:90%;color:#e0e1fb!important;border-radius:2em;padding:0% 5% 5%;display:flex;flex-direction:column;overflow:hidden}.send-message{width:100%;display:flex;justify-content:center;align-items:center}.message-form{display:flex;height:9%;align-items:center;padding:1.5%;margin-top:5%;width:90%}.input{flex-grow:1;border-radius:1em;padding:1em;margin-right:5%;background-color:#2f2d36;border:none;color:#8d8fd2!important;font-size:1.05em}.button{background-color:transparent;box-shadow:none;border:none;color:#fff;margin:0;padding:0;font-size:2.25em}body{font-family:Lexend Deca,sans-serif!important}#root{overflow:hidden}