.card-body-nav-notification{position:relative}.btns-nav-notification{bottom:5px;position:absolute;right:3px}.date-nav-notification{bottom:15px;left:9px;position:absolute}.Logo-Mate{color:teal}.pin{cursor:pointer;height:30px;width:30px}.infoPopup{background-color:#fff;border-radius:5px;display:flex;flex-direction:column;height:300px;justify-content:center;padding:10px;width:250px}.mainMap{height:100vh}.schoolMapIMG{border-radius:10px;height:150px;padding:5px;width:230px}.sidebarBox{align-items:center;display:flex}.sidebarIMG{border-radius:50%;margin:5px;padding:5px}.fullPage{display:flex;justify-content:space-around}.friendsList{width:50%}.suggestedList{margin-top:120px;width:40%}.messagePage{display:grid;grid-template-columns:1fr 3fr 1fr;grid-template-rows:1fr;height:100vh}.hr{background-color:grey;border:1px solid #000;border-radius:5px;height:100vh;width:1px}.chatBoxWrapper{display:flex;flex-direction:column;justify-content:space-between;position:relative}.chatBoxTop{height:100%;overflow-y:scroll;padding-right:10px}.chatBoxBottom{align-items:center;display:flex;justify-content:space-between;margin-top:5px}.chatMessageInput{padding:10px;width:80%}.chatSubmitButton{background-color:teal;border:none;border-radius:5px;color:#fff;cursor:pointer;height:40px;width:70px}.chatOnlineFriend{align-items:center;cursor:pointer;display:flex;font-weight:500;margin-top:10px}.chatOnlineImgContainer{margin-right:10px;position:relative}.chatOnlineImg{border:1px solid #fff;border-radius:50%;height:40px;object-fit:cover;width:40px}.chatOnlineBadge{background-color:#32cd32;border-radius:50%;height:10px;position:absolute;right:2px;top:2px;width:10px}.message{flex-direction:column;margin-top:20px}.message,.messageTop{display:flex}.messageImg{border-radius:50%;height:32px;margin-right:10px;object-fit:cover;width:32px}.messageText{background-color:#1877f2;border-radius:20px;color:#fff;max-width:300px;padding:10px}.messageBottom{font-size:12px;margin-top:10px}.message.own{align-items:flex-end}.message.own .messageText{background-color:#f5f1f1;color:#000}.side-list-admin{display:flex;flex-direction:column;gap:15px}.side-list-admin a{color:#000;display:inline-block;text-decoration:none}.side-list-admin a:after{background:#0275d8;content:"";display:block;height:2px;transition:width .3s;width:0}.side-list-admin a:hover:after{width:25%}.admin-page{display:grid;grid-template-columns:1fr 4fr;grid-template-rows:1fr;padding:0 40px}.landing-page{display:flex;flex-direction:column;min-height:100vh}.hero-section{align-items:center;background-image:url(/static/media/alexis-brown-omeaHbEFlN4-unsplash.4e552574e50c76b6e072.jpg);background-position:50%;background-size:cover;display:flex;height:100vh;justify-content:center;position:relative}.hero-text{background-color:rgba(0,0,0,.4);border-radius:5px;color:#fff;font-size:2rem;left:50%;line-height:1.5;padding:1.5rem;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.story-section{margin:0 auto;max-width:800px;padding:3rem 5rem}.footer{background-color:#333;color:#fff;margin-top:auto;padding:1rem;text-align:center}.explore-button{background-color:#1c7aed;border:none;border-radius:5px;box-shadow:0 4px 6px rgba(0,0,0,.1);color:#fff;cursor:pointer;font-size:1.2rem;margin-top:1rem;padding:.7rem 1.5rem;text-shadow:1px 1px 3px rgba(0,0,0,.2);transition:background-color .2s,box-shadow .2s}.explore-button:hover{background-color:#1466c0;box-shadow:0 6px 10px rgba(0,0,0,.15)}.story-section h2{font-size:2.5rem;margin-bottom:1.5rem}.story-section p{font-size:1.2rem;line-height:1.6;text-align:justify}.features-section{padding:3rem 1rem;text-align:center}.features-section h2{font-size:2.5rem;margin-bottom:1.5rem}.features-container{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.feature-card{background-color:#f5f5f5;border-radius:5px;box-shadow:0 4px 6px rgba(0,0,0,.1);max-width:300px;padding:1.5rem;transition:box-shadow .2s;width:100%}.feature-card:hover{box-shadow:0 6px 10px rgba(0,0,0,.15)}.feature-icon{font-size:3rem;margin-bottom:1rem}.feature-card h3{font-size:1.5rem;margin-bottom:.5rem}.feature-card p{font-size:1.1rem;line-height:1.6;text-align:justify}@media (max-width:768px){.features-section h1,.features-section h2{font-size:2rem}.feature-icon{font-size:2.5rem}.feature-card h3{font-size:1.2rem}.feature-card p{font-size:1rem}}
/*# sourceMappingURL=main.8250f295.css.map*/