.App{display:flex;margin:0;padding:0;font-family:sans-serif}.Group{flex:1;margin:0;padding:0}.Notes{flex:3;margin:0;padding:0;height:100vh;width:100%}.profile-pic{border-radius:50%;width:3rem;height:3rem;border-style:solid;text-align:center;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff;font-weight:200}.group-name{font-weight:700;font-size:1.5rem}.blur{filter:blur(.8px)}@media only screen and (max-width: 800px){.App{display:flex;flex-direction:column}}.Group{display:flex;flex-direction:column;position:relative;height:100vh;align-items:flex-start;width:100%}.Group>h1{position:sticky;top:0rem;padding:1rem 3rem;z-index:100;background:#fff}.add-group-btn{position:fixed;z-index:100;bottom:3rem;left:15rem;width:3.5rem;height:3.5rem;font-size:2.8rem;border-radius:50%;border-style:solid;border-color:#00008b;background:#00008b;color:#fff}.group-list>ul{list-style:none;width:100%;padding:0;margin:0}.group-list>ul>li{display:flex;cursor:pointer;align-items:center;gap:1.5rem;margin-bottom:0rem;margin-left:0rem;width:100%;padding-left:2rem}.selected{background:#d3d3d3;width:100%}@media only screen and (max-width: 800px){.Group{width:100%;height:100%;padding:0;margin:0;padding-left:2rem;overflow-x:hidden}.add-group-btn{position:fixed;right:8rem;bottom:2rem}}body{position:relative}.Modal{position:fixed;display:flex;flex-direction:column;gap:1rem;width:25rem;height:11rem;background:#fff;top:30%;right:30%;font-size:1rem;padding:1rem 2rem;z-index:999}.colour-options{display:flex;align-items:center;gap:.5rem}.group-name-field{display:flex;gap:2rem}.create-group-btn{background:#00008b;color:#fff;border-radius:15%;height:1.5rem;width:8rem;border-color:#00008b;margin-left:70%}input{border-color:#d3d3d3;border-radius:10%;height:1rem;width:15rem}.selected-colour{transform:scale(1.3);border-style:solid;border-color:#46ff46;border-width:.1rem}@media only screen and (max-width: 800px){.Modal{width:75%;height:13rem;background-color:#fff;left:10%}}.default-notes{background:#b0c4de;display:flex;flex-direction:column;align-items:center;position:relative;height:100vh}.default-notes-img{padding-top:30vh;width:20rem;height:10rem}.default-notes-text{text-align:center}.default-notes-text>p{font-size:1rem}.default-notes-text>h1{font-size:4}.footer{display:flex;position:absolute;bottom:0rem;justify-content:center;align-items:center;gap:.5rem}.footer>img{width:1rem;height:1rem}.footer>p{font-size:1rem}.user-notes{display:flex;flex-direction:column;align-items:center;height:100vh;background:#b0c4de;width:100%;position:relative}.header-notes{display:flex;gap:2rem;padding-left:1rem;align-items:center;background:#00008b;width:98.5%}.profile-pic{border-color:transparent}.text-area{border-style:solid;border-width:1.5rem;border-color:#00008b;position:absolute;z-index:111;bottom:0rem;width:95%}.content-notes{display:flex;flex-direction:column;width:100%}.content-notes>div{display:block;background:#fff;color:#000;margin:1rem;position:relative;padding-top:.5rem;padding-bottom:1rem}.date-notes{position:absolute;bottom:.1rem;right:1rem;z-index:100;font-size:1rem}.text-box{position:relative;display:flex;width:100%;font-size:1.5rem}.add-notes-btn{position:fixed;bottom:3rem;right:4rem;width:.5rem;height:.5rem;border:none;cursor:pointer}.actual-notes{padding-left:1rem;padding-right:1rem;font-size:1rem;white-space:pre-line}.hidden{display:none}@media only screen and (max-width: 800px){.Notes{width:100vw;height:100vh}}