.Rectangle{width:90%;height:70%;background-color:#0f1015;border-radius:30px;box-shadow:0 0 10px 5px #0000004d;padding:57px 71px 46px 31px;position:relative;color:#f7fbff}.Saved{position:absolute;font-size:12px;right:71px;top:24px;color:#6b6f7e;font-style:italic;font-weight:500}.Title{width:100%;height:7%;border-radius:8px;background-color:#090b10;box-shadow:0 0 13px 3px #0003 inset;border:1px solid #1a1c25;margin-top:8px;padding-left:12px;color:#f7fbff;margin-bottom:32px}.Priority{width:100%;height:8%;border-radius:8px;background-color:#090b10;box-shadow:0 0 13px 3px #0003 inset;padding:8px;border:1px solid #1a1c25;margin-top:8px;color:#f7fbff;margin-bottom:32px}.PriorityContainer select{-moz-appearance:none;-webkit-appearance:none;appearance:none}.Note{width:100%;height:60%;border-radius:8px;background-color:#080a10;margin-top:8px;padding:8px 12px;resize:none;color:#f7fbff;box-shadow:0 0 13px 3px #0003 inset;margin-bottom:32px;border:1px solid #1a1c25}@media (max-width: 350px){.Main{width:100%}.Rectangle{width:100%;padding:0 17px;background-color:#0000;box-shadow:none;z-index:5}.Saved{right:17px;top:0;color:#f7fbff}}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,sans-serif;font-optical-sizing:auto;font-style:normal;overflow-y:hidden}.PageWrapper{width:100vw;height:100vh;display:flex}.Page{width:100%;height:100%;display:flex;flex-direction:row}.Sidebar{background-color:#090c12;width:17%;height:100%;padding:25px 16px 0;box-shadow:8px 0 9px -2px #0006;color:#e2ebf4;position:relative;z-index:1}.Main{background-color:#0a0c11;display:flex;flex-direction:column;align-items:center;padding:20px 0 0;width:83%;height:100%;z-index:0}.AddNote{background-color:#4945d7;box-shadow:0 0 13px 3px #0003 inset;width:120px;height:37px;border-radius:12px;margin-top:20px;font-size:15px;color:#fff;text-decoration:none;display:flex;align-items:center;justify-content:center;border:none;position:absolute;right:16px}.AddNote img{margin-right:8px}.AddNote:active{border-style:outset;transform:translateY(2px)}.Logo{text-align:center;font-size:24px;margin-bottom:20px;position:relative}.AddNote:hover{background-color:#3632a0;cursor:pointer}.Return{position:absolute;top:8px}.Line{width:100%;height:1px;background-color:#4943d6}.ReturnButton{width:24px;height:24px;position:absolute;left:20px;border:none;background-color:transparent}.IntroContainer{display:flex;align-items:center;justify-content:center;margin-top:300px}.Introduction{color:#e2ebf4;text-align:center;justify-content:center}.ReturnHidden,.LineHidden,.SavedHidden{display:none}.OpenedNotes{display:flex;font-weight:500;gap:35px;flex-direction:column;margin-top:130px;color:#e2ebf4}.OpenedNotes a,.MyNotesAppLogo a,.ReturnButton a{text-decoration:none;color:#e2ebf4}.CreatedNote{color:#e2ebf4;margin-bottom:40px}.CreatedNote img{position:absolute;right:16px;margin-top:3px}.OpenedNotesMobile{display:flex;font-weight:500;gap:35px;flex-direction:column;margin-top:130px;color:#e2ebf4}.PriorityTypes{color:#e2ebf4}.PriorityTypes h2{font-weight:700;font-size:26px;margin-bottom:21px}.CreatedNoteMobile img{position:absolute;right:16px;margin-top:3px}@media (max-width: 350px){.Page{flex-direction:column}.Sidebar{width:100%;padding:0;height:20%}.LineHidden{display:block}.Logo{margin-top:20px;margin-bottom:15px}.Main{width:100%;height:80%;z-index:4;background-color:#090c12;justify-content:start}.Rectangle{margin-top:0;height:100%}.Note{margin-bottom:0;height:55%}.AddNote{display:block;background-color:#4945d7;box-shadow:0 0 13px 3px #0003 inset;width:130px;height:43px;border-radius:8px;margin-top:20px;font-size:15px;color:#fff;text-decoration:none;display:flex;align-items:center;justify-content:center;position:absolute;right:16px;border:none}.ReturnHidden{display:block}.Introduction{font-size:25px;display:none}.CreatedNote{padding-left:10px;background-color:#0d1119;height:40px;align-items:center;display:flex;margin:0 13px 0 0;font-size:15px}.CreatedNote img{position:absolute;right:27px}.OpenedNotes{margin-top:70px}.PriorityGroup{margin-left:13px}.PriorityTypes h2{margin-top:25px;font-size:20px;margin-bottom:10px}*{scrollbar-width:thin;scrollbar-color:hsl(242,64%,55%,0%) #1a1a1a;overflow-y:auto}}.Error{color:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:20px;margin-top:300px}@media only screen and (max-width: 350px){.Error{font-size:16px;justify-content:start}}.UserIcon{width:26px;height:26px}.UserContainer{display:flex;flex-direction:row;height:5%;width:90%;font-size:14px;color:#e2ebf4;align-items:center;justify-content:flex-end;margin-bottom:45px;gap:11px}.ChangeUserContainer{background-color:#0f1015;box-shadow:0 0 10px 5px #0000004d;border-radius:30px;color:#f7fbff;display:flex;flex-direction:column;font-size:13px;font-weight:100;padding:20px 26px 25px;width:500px}.ChangeUserContainer h3{margin-top:15px;margin-bottom:15px}.AddUser{margin-top:10px;display:flex;align-items:center;justify-content:center;align-content:center}.UserInput{background-color:#090b10;box-shadow:0 0 13px 3px #0003 inset;color:#e2ebf4;height:43px;padding-left:15px;border-radius:8px;border:1px solid #1a1c25;font-size:15px;width:79%}.ChangeUserContainer .UserAdd{margin-left:10px;background-color:#4945d7;width:18%;height:43px;padding-left:0;text-align:center;font-weight:700}.ChangeUserContainer .UserAdd:hover{background-color:#3632a0;cursor:pointer}.UserSwitch{margin-bottom:10px}.ChangeUserContainer button{font-size:17px;background-color:#090b10;box-shadow:0 0 13px 3px #0003 inset;border-radius:8px;border:1px solid #1a1c25;height:50px;color:#e2ebf4;text-align:left;padding-left:15px;position:relative}.ChangeUserContainer button:hover{cursor:pointer}.ChangeUserContainer button img{position:absolute;right:16px;margin-top:3px}.SwitchUser{width:90px;height:31px;font-size:13px;font-weight:700;color:#796bfe;background-color:#0000;border-radius:8px;border:2px solid #796bfe}.Hidden{display:none}.SwitchUser:hover{border:solid 2px #6656f3;color:#6656f3;cursor:pointer}.AddUserButton{background-color:#4945d7;box-shadow:0 0 13px 3px #0003 inset;width:130px;height:43px;border-radius:8px;font-size:15px;color:#fff;text-decoration:none;display:flex;align-items:center;justify-content:center;position:absolute;right:16px;border:none}.AddUserContainer{background-color:#0f1015;box-shadow:0 0 10px 5px #0000004d;border-radius:16px;color:#f7fbff;display:flex;flex-direction:column;font-size:10px;font-weight:100;padding:20px 26px 25px;width:90%;justify-content:center;height:200px;position:absolute;top:160px;z-index:100}.UserInputSecondary{background-color:#090b10;box-shadow:0 0 13px 3px #0003 inset;color:#e2ebf4;height:35px;padding-left:15px;border-radius:8px;margin-top:10px;margin-bottom:10px;border:1px solid #1a1c25;font-size:15px;width:100%}.UserAddSecondary{background-color:#4945d7;box-shadow:0 0 13px 3px #0003 inset;width:100%;height:35px;border-radius:8px;font-size:15px;color:#fff;text-decoration:none;display:flex;align-items:center;justify-content:center;border:none}.AddUserButton img{margin-right:8px}@media (max-width: 350px){.Hidden{display:block}.SwitchUser,.UserContainer,.UserInput,.ChangeUserContainer h2,.ChangeUserContainer h3,.UserSwitch,.UserAdd{display:none}.ChangeUserContainer{margin-top:40px;width:95%;flex-direction:column-reverse;padding:20px 10px;background-color:transparent;box-shadow:none}.AddUser{justify-content:flex-end}}