.layout{display:flex}.rightContents{display:flex;flex-direction:column;width:100%}.sidebar{width:300px;background:#0D354B;height:100dvh;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:2rem 1rem}.logoAndText{display:flex;flex-direction:column;align-items:center}.greeting,.userName{color:#fff}.userName{font-weight:500}.unishareLogo{width:190px;height:190px;object-fit:cover;overflow:visible}.navigationButtons{display:flex;flex-direction:column;gap:1rem}.navigationBtn{width:200px;color:#0d354b;font-weight:500;background:#7BF6F3;padding:.5rem 2rem;text-align:center;border-radius:.5rem}.sidebarBottom{display:flex;flex-direction:column;gap:1rem}.copyrightText{color:#fff;font-size:.75rem}.logoutBtn{padding:.5rem 1.5rem;border:none;border-radius:.5rem;font-weight:500;margin-top:2rem;background:#BB9F06;color:#fff;cursor:pointer}.navbar{height:60px;padding:2rem 3rem 2rem 2rem;width:100%;display:flex;align-items:center;justify-content:space-between;background:#0D354B}.productName{color:#7bf6f3}.aboutAndIcon{display:flex;align-items:center;gap:2rem}.aboutLink{color:#fff}.userIcon{font-size:1.7rem;color:#7bf6f3;cursor:pointer}.login{display:flex;flex-direction:column;justify-content:space-between}@media (min-width: 40em){.login{flex-direction:row}}.unishareDescription{display:flex;justify-content:center;align-items:center;background:#022031;width:100%;height:100dvh}.descriptionContainer{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:50px;text-align:center;width:90%}.introduction{font-size:4rem;color:#7bf6f3}.text{color:#7bf6f3}.descText{color:#f5f5f5}.unishareLoginForm{display:flex;justify-content:center;align-items:center;background:#1D7163;width:100%;height:70dvh}@media (min-width: 40em){.unishareLoginForm{height:100dvh}}.loginContainer{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:50px;text-align:center;background:#43C59E;width:90%;padding:2rem;border-radius:.5rem;max-width:500px}.loginText{color:#022031;font-size:2.5rem}.loginForm{width:90%;display:flex;flex-direction:column;gap:20px}.loginForm>input{align-self:center;max-width:400px;text-indent:.7rem;padding:1rem .5rem 1rem 0rem;width:100%;border:none;border-radius:.5rem}.loginForm>input:focus{outline-color:#43c59e}.loginForm>button{width:max-content;align-self:center;margin-top:20px;padding:.5rem 1.5rem;font-family:Poppins,sans-serif;font-weight:500;border:none;background:#022031;color:#fff;border-radius:.5rem;cursor:pointer;transition:all linear .15s}.dashboard{height:calc(100dvh - 65px);display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-template-rows:repeat(auto-fit,minmax(1fr,200px));gap:2rem;border-radius:.5rem;background:#BEE9E8;padding:2rem}.receivedAssignmentsCard{display:flex;align-items:center;justify-content:center;text-align:center;background:#C14E4E;height:200px;border-radius:.5rem}.receivedText{color:#fff}.yourPostsCard{display:flex;align-items:center;justify-content:center;text-align:center;background:#BB9F06;height:200px;border-radius:.5rem}.postsText{color:#fff}.studentDashboardContainer{height:calc(100vh - 65px);background:#BEE9E8;border-radius:.5rem;padding:2rem}.studentDashboard{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-template-rows:repeat(auto-fit,minmax(1fr,200px));gap:2rem}.announcementsCard,.assignmentsCard,.resourcesCard{display:flex;align-items:center;justify-content:center;padding:1rem;text-align:center;color:#fff;border-radius:.5rem;min-height:150px}.announcementsCard{background:#BB9F06}.assignmentsCard{background:#333D29}.resourcesCard{background:#C14E4E}.posts{height:calc(100dvh - 65px);display:flex;border-radius:.5rem;align-items:center;background:#BEE9E8;padding:2rem;justify-content:space-between;gap:1rem}.recentPosts{display:flex;flex-direction:column;gap:1rem;height:calc(100dvh - 130px);background:#1D7163;width:50%;border-radius:.5rem;padding:1rem;overflow:scroll}.noPostMessage{margin:auto;color:#fff;text-align:center}.postCard{padding:1rem;display:flex;flex-direction:column;background:#43C59E;border-radius:.5rem;cursor:pointer}.postType{color:#fff;font-weight:600;font-size:1rem}.posttime{color:#f5f5f5;font-size:.7rem}.postTitle{color:#fff;font-weight:500;font-size:.85rem;margin-bottom:.5rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.postDescription{color:#fff;font-size:.75rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.postForm{height:calc(100dvh - 130px);background:#1D7163;width:50%;border-radius:.5rem;position:relative;overflow:scroll}.postMessage{text-align:center;width:max-content;margin:0 auto;padding:.5rem 1rem;color:#fff;border-radius:.5rem;background:green;display:none;transition:all .3s linear}.postMessage.displayPostMessage{display:block}.postForm>form{display:flex;flex-direction:column;gap:1rem;padding:2rem}.postTitle,.postDesc{display:flex;flex-direction:column;gap:.5rem}.postTitle>p,.postDesc>p,.postDueDate>p,.postFile>p{color:#fff;font-weight:500}.postTitle>input,.postDesc>textarea,.postDueDate>input{max-width:100%;width:100%;border:none;padding:.5rem 1rem;border-radius:.5rem}.chooseFile>select{max-width:100%;width:100%;border:none;padding:.5rem 1rem;border-radius:.5rem;cursor:pointer}.postDetail{display:flex;flex-direction:column;justify-content:space-between;height:100%;padding:2rem}.postDetails{display:flex;flex-direction:column}.selectedPostTitle{color:#fff;font-size:2rem}.selectedPostType,.selectedPostTime{color:#f5f5f5;font-size:.9rem}.selectedPostTime{margin-top:.5rem}.selectedPostDescription{margin-top:2rem;color:#f5f5f5}@media (max-width: 50em){.posts{flex-direction:column}.recentPosts,.postForm{width:100%}}.notifications{height:calc(100dvh - 65px);display:flex;border-radius:.5rem;align-items:center;background:#BEE9E8;padding:2rem;justify-content:space-between;gap:1rem}.recentNotifications{display:flex;flex-direction:column;gap:1rem;height:calc(100dvh - 130px);background:#1D7163;width:50%;border-radius:.5rem;padding:1rem;overflow:scroll}.noNotificationsMessage{margin:auto;color:#fff;text-align:center}.filterSystem{display:flex;flex-direction:column;gap:1rem;align-items:center;justify-content:center}.searchForm{display:flex}.searchBar{display:flex;align-items:center;background:white;border-radius:.5rem}.searchInput{padding:.7rem 1rem;border-radius:.5rem;width:300px;outline:none;border:none}.searchButton{background:white;border:none;padding:.5rem 0;border-radius:.5rem;align-self:center;justify-self:center;cursor:pointer;margin-left:-2rem}.searchButton i{font-size:1rem}.filterButtons{margin:1rem 0;display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}@media (max-width: 50em){.filterButtons{grid-template-columns:repeat(2,1fr);place-items:center}}.filterButtons>button{width:max-content;padding:.5rem 1rem;border-radius:.5rem;border:none;background:#14453D;color:#fff}.notificationCard{padding:1rem;display:flex;flex-direction:column;background:#43C59E;border-radius:.5rem;cursor:pointer}.topContent{display:flex;justify-content:space-between;align-items:center}.notificationType{color:#fff;font-weight:600;font-size:1.2rem}.notificationCourseName{color:#fff;font-size:1rem;margin-bottom:1rem}.notificationTime{color:#f5f5f5;font-size:.7rem}.notificationTitle{color:#fff;font-weight:500;font-size:.85rem;margin-bottom:.5rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.notificationDescription{color:#fff;font-size:.75rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.notificationForm{height:calc(100dvh - 130px);background:#1D7163;width:50%;border-radius:.5rem;position:relative}.notificationMessage{text-align:center;width:max-content;margin:0 auto;padding:.5rem 1rem;color:#fff;border-radius:.5rem;background:green;display:none;transition:all .3s linear}.notificationTitle,.notificationDesc{display:flex;flex-direction:column;gap:.5rem}.postDesc>textarea{max-height:150px}.postDueDate{display:flex;flex-direction:column;gap:.5rem}.postFile{margin-top:1rem;display:flex;flex-direction:column;gap:.5rem}.chooseFile{display:flex;align-items:center;justify-content:space-between;gap:1rem}.chooseFile>label>i{font-size:1.8rem;color:#bb9f06;cursor:pointer}.chooseFile>select{max-width:100%;width:100%;border:none;padding:.5rem 1rem;border-radius:.5rem}.postButton{align-self:center;padding:.5rem 1.5rem;border:none;border-radius:.5rem;font-weight:500;margin-top:2rem;background:#BB9F06;color:#fff;cursor:pointer}.notificationDetail{display:flex;flex-direction:column;justify-content:space-between;overflow:scroll;height:100%;padding:2rem}.notificationDetails{display:flex;flex-direction:column}.selectedNotificationTitle{color:#fff;font-size:2rem}.selectedNotificationType,.selectedNotificationTime{color:#f5f5f5;font-size:.9rem}.selectedNotificationTime{margin-top:.5rem}.selectedNotificationDescription{margin-top:2rem;color:#f5f5f5}.returnButton{align-self:center;padding:.5rem 1.5rem;border:none;border-radius:.5rem;font-weight:500;margin-top:2rem;background:#BB9F06;color:#fff;cursor:pointer}@media (max-width: 50em){.notifications{flex-direction:column}.recentNotifications,.notificationForm{width:100%}}*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}body{background:#0D354B}a{text-decoration:none}