body{overflow:hidden}*{border:0;box-sizing:border-box;margin:0}.home{width:100vw}.home,.left{display:flex;height:100vh}.left{flex-direction:column;gap:2rem;width:30vw}.right{height:100vh;width:70vw}.heading{color:#000;font-size:1.97rem;letter-spacing:.039rem;line-height:normal;padding:1.25rem;width:100%}.heading,.sub-heading{font-family:Roboto;font-style:normal;font-weight:500}.sub-heading{background-color:#000;border:1px solid transparent;border-radius:1.438rem;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;letter-spacing:.034rem;line-height:97.688%;margin-left:1.875rem;padding:.625rem .625rem .938rem 1.875rem;width:85%}.groups{height:85vh;overflow:auto;padding-bottom:1.25rem;padding-left:1.25rem;width:100%}.wrapper{background-color:rgba(0,0,0,.75);height:100vh;top:0;width:100%}.popup,.wrapper{position:absolute}.popup{background-color:#fff;border:1px solid transparent;border-radius:.438rem;display:flex;flex-direction:column;gap:1.5rem;left:27%;padding:1.25rem 1.25rem .7rem;top:30%;width:31.25rem}.row-1,.row-2,.row-3{color:#000;font-family:Roboto;font-size:1.188rem;font-style:normal;font-weight:500;letter-spacing:.063rem;line-height:160.188%}.row-2,.row-3{display:flex;gap:1.875rem;width:100%}.row-3{gap:0;padding-top:.625rem}.color-heading,.grp-title{margin-left:.625rem;width:30%}.color-heading{width:40%}.input-box{width:70%}.colour-box{display:flex;gap:.938rem;padding-left:.625rem;width:60%}#group-name,.colour-box{padding-bottom:.25rem;padding-top:.25rem}#group-name{border:2px solid #ccc;border-radius:1.063rem;color:#979797;font-family:Roboto;font-size:.938rem;font-style:normal;font-weight:400;letter-spacing:.05rem;line-height:160.188%;padding-left:.938rem;width:100%}.circular{cursor:pointer}.circular,.circular-dynamic{border:1px solid transparent;border-radius:50%;height:1.563rem;width:1.563rem}.circular-dynamic{outline:1px solid #000}.row-4{font-family:Roboto;font-size:1rem;font-style:normal;font-weight:400;height:auto;justify-content:flex-end;letter-spacing:.044rem;line-height:160.188%}.create-btn,.row-4{color:#fff;display:flex;width:auto}.create-btn{align-items:center;background-color:#000;border:1px solid transparent;border-radius:.438rem;cursor:pointer;justify-content:center;padding-left:1.5rem;padding-right:1.5rem}@media only screen and (max-width:600px){.mobile-view{width:100vw}.Hide{display:none}.sub-heading{align-items:center;justify-content:center;padding-left:0}.popup{left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:17.5rem}.row-1{font-size:1rem;height:auto;width:100%}.row-2{gap:.8rem}.row-2,.row-3{font-size:.7rem}.row-4{justify-content:center}.grp-title{align-items:center;display:flex;margin-left:0;width:6rem}#group-name{font-size:.6rem}.color-heading{margin-left:0;width:40%}.colour-box{gap:.5rem;padding-bottom:0;padding-left:0;padding-top:0;width:60%}.circular,.circular-dynamic{height:auto;width:1.6rem}.create-btn{width:70%}}.team{border-bottom-left-radius:3rem;border-left:1px solid transparent;border-top-left-radius:3rem;cursor:pointer;display:flex;gap:1.25rem;height:6.25rem;padding:1.25rem;width:100%}.box-1{align-items:center;border:1px solid transparent;border-radius:50%;color:#fff;display:flex;font-size:1.507rem;height:4rem;justify-content:center;letter-spacing:.03rem;line-height:97.688%;width:5rem}.box-1,.box-2{font-family:Roboto;font-style:normal;font-weight:500}.box-2{color:#000;font-size:1.292rem;justify-content:flex-start;letter-spacing:.026rem;line-height:normal;width:90%}.box-2,.default{align-items:center;display:flex;height:100%}.default{background-color:#f7ecdc;gap:22%;width:70vw}.default,.first{flex-direction:column}.first{display:flex;gap:1.25rem;height:60vh;margin-top:8.5%;width:55%}.part-1{height:70%;width:100%}.notebook{height:100%;width:100%}.part-2,.part-3{height:15%}.part-2{color:#000;font-size:2.188rem;letter-spacing:1px;line-height:normal}.part-2,.part-3{display:flex;font-family:Roboto;font-style:normal;font-weight:400;justify-content:center;width:100%}.part-3{color:#292929;font-size:1.063rem;letter-spacing:.028rem;line-height:1.438rem;padding-left:1.875rem}.second{display:flex;gap:.625rem;justify-content:center;width:100%}.locker{padding-top:.125rem}.encryption{color:#292929;font-family:Roboto;font-size:.938rem;font-style:normal;font-weight:400;letter-spacing:.028rem;line-height:2rem}@media only screen and (max-width:600px){.default{display:none}}.notes{display:flex;flex-direction:column;height:100%;width:70vw}.notespart-one{background-color:#e8e8e8;display:flex;gap:2rem;height:auto;padding:1rem 1.25rem 1.25rem;width:100%}.another-btn{display:none}.back-btn{height:1.5rem;width:1.5rem}.notes-pic{align-items:center;border:1px solid transparent;border-radius:50%;color:#fff;display:flex;font-size:1.507rem;height:4.2rem;justify-content:center;letter-spacing:.03rem;line-height:97.688%;width:4.2rem}.notes-pic,.notes-title{font-family:Roboto;font-style:normal;font-weight:500}.notes-title{align-items:center;color:#000;display:flex;font-size:1.292rem;height:100%;justify-content:center;letter-spacing:.026rem;line-height:normal}.notespart-two{background-color:#f7ecdc;flex-direction:column;gap:3.8rem;height:65vh;overflow:auto;padding:2rem}.note,.notespart-two{display:flex;width:100%}.note{gap:1.875rem}.first-coloumn{color:#353535;display:flex;flex-direction:column;font-weight:500;gap:.625rem;letter-spacing:.373px;line-height:97.688%;width:20%}.first-coloumn,.second-coloumn{font-family:Roboto;font-size:1rem;font-style:normal;height:100%}.second-coloumn{color:#000;font-weight:400;letter-spacing:.63px;line-height:160.188%;width:80%}.notespart-three{background-color:#e8e8e8;height:35vh;padding:1.25rem 1.25rem 1.25rem 1.5rem;position:relative;width:100%}.text-area{border:1px solid transparent;border-radius:.625rem;color:#9a9a9a;font-family:Roboto;font-size:1.188rem;font-style:normal;font-weight:400;height:100%;letter-spacing:.596px;line-height:normal;outline:none;overflow:auto;padding:1.25rem 1.25rem 1.5rem;resize:none;width:100%}.submit-btn{bottom:14%;cursor:pointer;position:absolute;right:3%}@media only screen and (max-width:600px){.hidden{display:none}.shown{width:100vw}.another-btn{align-items:center;display:flex}.first-coloumn{font-size:.8rem;line-height:80%;width:30%}.second-coloumn{font-size:.8rem;width:70%}.notespart-two{height:80vh;padding-left:1.5rem}.notespart-three{height:20vh}.text-area{font-size:1rem}.submit-btn{bottom:16%;right:6%}.notespart-one{gap:1.5rem}.notes-title{font-size:1.1rem}}
/*# sourceMappingURL=main.867bc258.css.map*/