@import"https://fonts.googleapis.com/css2?family=Poppins:wght@200;400&display=swap";*{margin:0}.poppins-extralight{font-family:Poppins,sans-serif;font-weight:200;font-style:normal}.poppins-regular{font-family:Poppins,sans-serif;font-weight:400;font-style:normal}.loginPage{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(180deg,#fff 50%,#8fff8f 50%)}.loginPageContent{background-color:#fff;box-shadow:0 1px 2px #3c40434d,0 2px 6px 2px #3c404326;width:40%;height:80%;display:flex;flex-direction:column;justify-content:space-around;align-items:center}.loginPageUpperSide{font-size:35px}.loginPageForm{width:60%;height:50%;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center}input,button{width:100%;height:15%;font-size:20px}.registerPageWarning,.loginPageWarning{font-weight:700;color:red;font-size:10px}.registerPage{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(180deg,#fff 50%,#8fff8f 50%)}.registerPageContent{background-color:#fff;box-shadow:0 1px 2px #3c40434d,0 2px 6px 2px #3c404326;width:40%;height:80%;display:flex;flex-direction:column;justify-content:space-around;align-items:center}.registerPageUpperSide{font-size:35px}.registerPageForm{position:relative;width:60%;height:60%;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center}input[type=text],input[type=password],button{width:100%;height:15%;font-size:20px}.aboutPassword{font-size:12px;position:absolute;width:240px;top:35px;padding:5px;background-color:#ffffe0;color:#000;visibility:hidden}input[type=password]:focus+.aboutPassword{visibility:visible}input[type=checkbox]{height:15px;width:15px}.registerPageFormTerms{display:flex;align-items:center;height:10%;gap:15px;white-space:nowrap}.navbar{z-index:2;position:fixed;background-color:#fffeff;display:flex;width:100%;height:8%;justify-content:space-between;align-items:center;border-bottom:1px solid rgb(225,225,225)}.navbarLeft{display:flex;justify-content:space-evenly;align-items:center;gap:15px;margin-left:25px}.optionsButton{width:28px;height:28px}.brand{font-size:30px}.navbarCenter{display:flex;align-items:center;width:30%;height:100%;position:relative}.searchButton{position:absolute;top:14px;left:5px;width:25px;height:25px}.navbarCenter input{padding-left:35px;height:80%;width:100%;background-color:#f0f1f6;border:none;outline:none;border-radius:4px}.navbarRight{display:flex;justify-content:space-around;align-items:center;margin-right:45px}.navbarRightProfile{width:40px;height:40px;border-radius:50px;border:1px solid black}.navbarRightProfile img{object-fit:cover;border-radius:50px}input[name=sidebarOpener]{display:none}.sidebar:has(input[name=sidebarOpener]:checked){width:50px}.sidebar:has(input[name=sidebarOpener]:checked) .optionName{opacity:0;visibility:hidden;display:none}.sidebar:has(input[name=sidebarOpener]:checked)+.mainPageContainer{left:20px;width:1170px}.sidebar:has(input[name=sidebarOpener]:checked) .optionTitle:hover:before{opacity:1;visibility:visible}.sidebar{background-color:#fff;position:fixed;top:0;left:0;width:200px;height:100%;padding:0 14px;transition:.26s width}.sidebar a.active{background-color:#90ee90}.options{display:flex;flex-direction:column;gap:25px;padding-top:100px}.option{color:#000;text-decoration:none;border-radius:10px;display:flex;height:35px;align-items:center;gap:30px;position:relative}.optionIcon{margin-left:15px;display:flex;justify-content:center;align-items:center;flex-shrink:0;width:20px;height:20px}.optionName{display:flex;align-items:center;opacity:1;visibility:visible;white-space:nowrap;transition:.26s opacity,.26s visibility;width:80px;height:40px}.optionTitle:before{content:attr(title);position:absolute;top:50%;left:100%;translate:14px -50%;background-color:#90ee90;padding:3px 15px;font-size:12px;border-radius:10px;opacity:0;visibility:hidden}.sidebarMobile{box-shadow:0 1px 2px #3c40434d,0 2px 6px 2px #3c404326;position:absolute;display:flex;top:70px;border-radius:10px;height:40px}.sidebarMobile a.active{background-color:#90ee90}.mobileOptions{display:flex}.mobileOption{color:#000;text-decoration:none;border-radius:10px;display:flex;padding:0 7px;align-items:center;gap:10px}.mainPage{position:relative;display:flex;justify-content:center;height:100vh;flex-wrap:wrap}.mainPageContainer{position:relative;padding:70px 30px 50px 5px;display:flex;flex-direction:column;left:100px;width:1000px;transition:.26s width,.26s left}.createNote{display:flex;justify-content:center;padding-left:25px;padding-bottom:25px;height:250px}.noteEditor{background-color:#fff;display:flex;flex-direction:column;justify-content:space-between;width:400px;height:200px;border-radius:10px;box-shadow:0 1px 2px #3c40434d,0 2px 6px 2px #3c404326;padding:10px}.titleInput,.textInput{font-size:15px}.titleInput{height:20%;outline:none;border:none}.textInput{height:60%;resize:none;outline:none;border:none}.noteEditorOptions{display:flex;justify-content:flex-end}.saveButton{border-radius:10px;padding:5px 10px;background-color:#000;color:#fff}.notes{display:grid;grid-template-columns:repeat(auto-fill,250px);justify-content:center;height:auto;align-items:center;width:auto;column-gap:55px;row-gap:25px;z-index:0;padding-bottom:180px}.note{border:1px solid rgb(228,228,228);border-radius:10px;box-shadow:0 1px 2px #3c40434d,0 2px 6px 2px #3c404326;width:250px;height:200px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:15px}.noteTitle{width:100%;font-size:25px;font-weight:700;padding-bottom:5px;display:flex;justify-content:space-between;align-items:center}.noteCategory{font-size:12px!important;background-color:#90ee90;padding:8px;border-radius:10px}.noteText{width:100%;height:auto;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.noteBottom{position:relative;display:flex;width:100%;flex-direction:row;justify-content:space-between}.noteSharedDate{font-family:Poppins,sans-serif!important;font-weight:400!important;font-style:normal!important;border-radius:10px;font-size:10px;align-self:flex-end;padding:5px;white-space:nowrap}.noteOptionsLeft{display:flex;align-items:center;gap:20px}.noteOptionsRight{display:flex;align-items:center}.editNote{position:fixed;top:0;left:0;background-color:#0000001a;width:100%;height:100%;display:flex;justify-items:center;align-items:center;justify-content:center}.editNoteContainer{position:relative}.editNoteCloseButton{position:absolute;right:0}.noteOptions{padding:10px;position:absolute;top:20px;box-shadow:0 1px 2px #3c40434d,0 2px 6px 2px #3c404326;background-color:#fff;border-radius:10px;width:120px;height:120px;font-size:14px;display:flex;flex-direction:column;justify-content:space-around}.userOptions{position:absolute;top:45px;right:15px;box-shadow:0 1px 2px #3c40434d,0 2px 6px 2px #3c404326;background-color:#fff;border-radius:10px;display:flex;flex-direction:column;justify-content:space-around;align-items:center;padding:18px;gap:25px}.noteReader{position:fixed;top:0;left:0;background-color:#0000001a;width:100%;height:100%;display:flex;justify-items:center;align-items:center;justify-content:center;z-index:1}.noteReaderContainer{position:relative;box-shadow:0 1px 2px #3c40434d,0 2px 6px 2px #3c404326;border-radius:10px;background-color:#fff;width:70%;height:70%;display:flex;flex-direction:column;justify-content:space-between;padding:8px}.noteReaderHeader{display:flex;justify-content:space-between}.noteReaderFooter{display:flex;justify-content:space-between;align-items:center}.noteReaderOptions{display:flex;justify-content:space-around;gap:20px}.noteReaderOption{color:#fff;padding:5px 10px;background-color:#000;border-radius:10px}.noteReaderTitle{width:100%;font-size:25px;font-weight:700;padding-bottom:5px}.noteReaderText{width:100%;height:80%;overflow-y:auto;padding:0 8px}.optionsButton,.saveButton,.editNoteCloseButton,.noteOption,.userOption,.noteReaderCloseButton,.noteReaderOption,.navbarRightProfile,.navbarLeftOptionsButton{cursor:pointer}.formLoading{position:relative}.navbarLoading{position:relative;bottom:20px}.loadingSpinner{width:20%;display:flex;justify-content:center;position:absolute}@media (max-width:877px){.notes{grid-template-columns:repeat(1,auto)}.noteEditor{width:300px}.editNoteCloseButton{position:absolute;right:30px}}@media (max-width:1263px){.mainPageContainer{width:700px}.sidebar:has(input[name=sidebarOpener]:checked)+.mainPageContainer{left:20px;width:800px}}@media (max-width:893px){.mainPageContainer{width:500px}.sidebar:has(input[name=sidebarOpener]:checked)+.mainPageContainer{left:20px;width:600px}.optionTitle:before{translate:5px -30%}}@media (max-width:683px){.mainPageContainer{width:280px}.sidebar:has(input[name=sidebarOpener]:checked)+.mainPageContainer{left:20px;width:300px}.noteEditor{width:250px}}@media (max-width:1025px){.loginPageContent,.registerPageContent{width:410px}}@media (700px < width < 1000px){.navbar{height:5%}.editNoteCloseButton{position:absolute;right:5px}}@media (max-width:675px){.sidebar{width:150px}}@media (max-width:625px){.sidebarMobile{width:80%;font-size:80%;flex-wrap:wrap}.mobileOptions{width:40%}.noteEditor{width:80%}.mainPageContainer{left:0;padding:155px 5px 50px;width:800px}.createNote{padding-left:0}}@media (width <= 500px){.sidebarMobile{font-size:50%}.noteOptions{right:20px}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#fff}::-webkit-scrollbar-thumb{background:#90ee90}::-webkit-scrollbar-thumb:hover{background:#f0f0f0}