@font-face{font-family:"Titillium Web";src:url(/static/media/TitilliumWeb-Black.07677846.woff2) format("woff2"),url(/static/media/TitilliumWeb-Black.49c722ca.woff) format("woff");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:"Titillium Web";src:url(/static/media/TitilliumWeb-Bold.96873993.woff2) format("woff2"),url(/static/media/TitilliumWeb-Bold.91b523d4.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:"Titillium Web";src:url(/static/media/TitilliumWeb-BoldItalic.548e50d7.woff2) format("woff2"),url(/static/media/TitilliumWeb-BoldItalic.cb0ed60e.woff) format("woff");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:"Titillium Web";src:url(/static/media/TitilliumWeb-ExtraLight.7b37b487.woff2) format("woff2"),url(/static/media/TitilliumWeb-ExtraLight.3943672b.woff) format("woff");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:"Titillium Web";src:url(/static/media/TitilliumWeb-ExtraLightItalic.b3758438.woff2) format("woff2"),url(/static/media/TitilliumWeb-ExtraLightItalic.1a7988be.woff) format("woff");font-weight:200;font-style:italic;font-display:swap}@font-face{font-family:"Titillium Web";src:url(/static/media/TitilliumWeb-Italic.82fcb7e1.woff2) format("woff2"),url(/static/media/TitilliumWeb-Italic.eac2d5f3.woff) format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:"Titillium Web";src:url(/static/media/TitilliumWeb-Light.6d9ff93c.woff2) format("woff2"),url(/static/media/TitilliumWeb-Light.7bf870b6.woff) format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:"Titillium Web";src:url(/static/media/TitilliumWeb-LightItalic.f7ec7271.woff2) format("woff2"),url(/static/media/TitilliumWeb-LightItalic.4d511481.woff) format("woff");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:"Titillium Web";src:url(/static/media/TitilliumWeb-Regular.f0c533a1.woff2) format("woff2"),url(/static/media/TitilliumWeb-Regular.7b9bc7d1.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Titillium Web";src:url(/static/media/TitilliumWeb-SemiBold.e089fa1c.woff2) format("woff2"),url(/static/media/TitilliumWeb-SemiBold.fee7cf97.woff) format("woff");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:"Titillium Web";src:url(/static/media/TitilliumWeb-SemiBoldItalic.4e034311.woff2) format("woff2"),url(/static/media/TitilliumWeb-SemiBoldItalic.aff62fee.woff) format("woff");font-weight:600;font-style:italic;font-display:swap}.container-sidebar{display:none}@media screen and (min-width:768px){.container-sidebar{display:inline;width:350px;height:100vh;background:#fff;border-right:1px solid rgba(19,24,44,.1)}}.sidebar__list{display:flex;flex-direction:column;padding-top:4rem;padding-left:0}.sidebar__list-item{color:rgba(0,0,0,.4);list-style:none;text-decoration:none;font-size:1.4rem;display:flex;align-items:center;padding:1.3rem}.sidebar__list-item:hover{list-style:none;text-decoration:none;color:rgba(0,0,0,.8)}.sidebar-icon{width:5rem;margin-right:15px}.signout-button{border:none;background:none;outline:none}.signout-button:focus{outline:none}.nav-link__active{color:#000;background-color:#f4f5f7}.sidebar-img{width:300px}.drowpdown-sidebar{display:inline;width:350px;height:100vh;background:#fff;border-right:1px solid rgba(19,24,44,.1)}@media screen and (min-width:768px){.drowpdown-sidebar{display:none}}.profile-container{width:100%;height:100vh}.profile-container__header{background-color:#639;height:320px}.main-section{display:flex;justify-content:center;flex-direction:column}@media screen and (min-width:1280px){.main-section{flex-direction:row}}.main-section__form{position:relative;top:-100px;background-color:#fff;width:90%;box-shadow:0 2px 5px rgba(19,24,44,.1);border-radius:3px;padding:0 1.3rem;color:#32325d}.main-section__form-button{border:none;color:#fff;border-radius:30px;background:#639;width:100px;cursor:pointer;padding:.5rem}.main-section__form-button:focus{outline:none}.main-section__form-button:hover{background-color:rgba(102,51,153,.8)}.main-section__form-header{display:flex;justify-content:space-between;padding-bottom:3rem;margin-top:10px;border-bottom:.5px solid #e0e4ec;color:#32325d}.main-section__form-first{display:flex;flex-direction:column;flex-basis:50%}.input-element{border:.5px solid #e0e4ec;box-sizing:border-box;border-radius:20px;padding:.5rem 1rem;margin-bottom:20px;outline:none;box-shadow:0 2px 5px rgba(19,24,44,.1)}.input-element:focus{box-shadow:0 8px 8px rgba(19,24,44,.1)}.padding-btm{padding-bottom:2.6rem}.form-title{margin-bottom:2rem}.border-btm{border-bottom:.5px solid #e0e4ec}@media screen and (min-width:1280px){.border-btm{border-bottom:none}}.margin-btm{margin-bottom:2rem}.scrollable{overflow-y:auto}.header__text{display:flex;flex-direction:column;color:#fff;margin:0 2rem 2rem;padding-top:1rem}.mrg-top{margin-top:2rem}@media screen and (min-width:1280px){.mrg-top{margin-top:0}}.txtarea{width:100%;min-height:4rem}@media screen and (min-width:1280px){.frm{display:flex}}@media screen and (min-width:1280px){.mrg-right{margin-right:2rem}}.mrg-bottom{margin-bottom:9rem}.explore-link{color:#fff;text-decoration:none}.explore-link:hover{color:#fff}.profile-card{position:relative;-ms-grid-row-align:center;align-self:center;width:300px;height:200px}.margin-top{top:-230px}@media screen and (min-width:768px){.margin-top{top:-40px}}@media screen and (min-width:1280px){.margin-top{top:-10px}}.profile-page__container{display:flex}.profile__img{width:50%}.profile-details{width:90%;position:relative;top:-220px;-ms-grid-row-align:center;align-self:center}@media screen and (min-width:768px){.profile-details{width:80%;top:-20px}}@media screen and (min-width:1280px){.profile-details{width:50%}}.profile-details__container{flex-direction:column}@media screen and (min-width:768px){.profile-details__container{position:relative;top:-100px;align-items:center}}@media screen and (min-width:1280px){.profile-details__container{flex-direction:row;position:relative;top:-200px;justify-content:space-evenly}}.calendar-container{position:relative;top:-200px;background:"#fb6340";height:"100vh";background-color:#fff}.backgrnd,.calendar-page__container{display:flex}.backgrnd{background-color:#f8f9fe;flex-direction:column;height:100vh;justify-content:center;align-items:center}@media screen and (min-width:768px){.backgrnd{flex-direction:row}}.signin-header{display:flex;flex-direction:column;align-items:center}.logo{width:30%;margin-top:3rem}.signin-img{width:90%}@media screen and (min-width:768px){.signin-img{width:450px}}@media screen and (min-width:1280px){.signin-img{width:600px}}.w-400{width:100%}@media screen and (min-width:768px){.w-400{width:60%}}@media screen and (min-width:1280px){.w-400{width:25%}}.friends-page-container{display:flex}.friend-list__container{display:flex;width:100%;position:relative;top:-50px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:space-around;padding:0}@media screen and (min-width:768px){.friend-list__container{flex-direction:column;padding-left:3rem}}.card-element{box-shadow:0 10px 10px rgba(19,24,44,.1);width:30%;margin-bottom:20px;border:none}.card-element__footer{display:flex;align-items:center;justify-content:space-between}@media screen and (min-width:1280px){.card-element{width:20%}}.event-img{width:90%;margin-top:4rem}@media screen and (min-width:768px){.event-img{margin-top:0;width:500px}}.dspl-flx{display:flex;align-items:flex-start;justify-content:center}.container{margin-bottom:4rem}.article-container,.container{display:flex;flex-direction:column;align-items:center}.article-container{position:relative;top:-100px;background:#fff;border-radius:5px;width:90%;padding:2.5rem;box-shadow:4px 8px 10px rgba(19,24,44,.1)}@media screen and (min-width:768px){.article-container{width:500px}}.comments-container{margin-top:-60px}@media screen and (min-width:768px){.comments-container{width:60%}}.calendar__img{width:100%;margin-top:30px}@media screen and (min-width:768px){.calendar__img{width:700px;align-self:flex-end}}@media screen and (min-width:1280px){.calendar__img{margin-top:2rem;width:700px;align-self:flex-end}}.logo{width:7rem;margin:0}.notification{width:2rem}.notification-container{margin-left:auto!important}.notification-count{position:relative;left:-10px;background-color:#639;border-radius:50%;width:.8rem;height:.8rem;top:-7px}@media screen and (min-width:768px){.nav-bar__dropdown{display:none}}.logo{color:#639;font-weight:700;font-size:2rem}.message-container{display:flex;flex-direction:column;padding:5px;height:400px;display:none;position:fixed;bottom:0;right:100px}.message-container,.message-container__header{background-color:#fff;border-top-left-radius:10px;border-top-right-radius:10px;width:300px}.message-container__header{background-color:#639;display:flex;justify-content:space-between}.message-container__header--text{color:#fff;font-size:1.5rem;padding:10px;margin:0}.message-container__header--icon{cursor:pointer;width:2.5rem}.message-container__main{width:300px;display:flex;flex-direction:column;padding:15px;background-color:#fafafa;overflow-y:auto;margin:0;scrollbar-width:thin;height:300px}.message-container__main::-webkit-scrollbar{width:6px}.message-container__main::-webkit-scrollbar-thumb{background:#639;height:10px}.message__form{display:flex;justify-content:space-between;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;align-self:flex-end;background-color:#f5f5f5;width:300px}.message__form--input{padding:10px;border-radius:20px;outline:none;border:none;background-color:#e7e7e7}.message__form--input:focus{border:none}.message__form--submit{border-radius:20px;border:none;color:#fff;background-color:#639;width:80px}.message__form--submit:hover{background-color:rgba(102,51,153,.9)}.message__form--submit:focus{outline:none}.message-item__container{list-style:none;display:flex;justify-content:space-between;margin-top:5px;margin-bottom:5px}.message-item__container--img{width:50px;height:50px;border-radius:50%;background-color:#e1e1e1}.message-item__container--text{background-color:#e1e1e1;width:200px;border-radius:18px;padding:10px;word-wrap:break-word}
/*# sourceMappingURL=main.e76a5e07.chunk.css.map */