body{background-color:#fff}.sidebar{-webkit-animation:slide-in .8s forwards;animation:slide-in .8s forwards;background-color:#212121;bottom:0;left:-350px;overflow-y:auto;padding:20px;position:fixed;top:0;width:350px}@-webkit-keyframes slide-in{0%{left:-350px}to{left:0}}@keyframes slide-in{0%{left:-350px}to{left:0}}.sidebar a{color:#686868;display:block;font-size:large;padding:20px;text-decoration:none}.sidebar a.active{color:#ebeee1;font-weight:700}.sidebar:hover{background-color:#1e1e1e}.logo{color:#91a93c;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;font-size:30px}.logo,.logo-img{display:inline-block}.logo-img{height:140px;margin-bottom:0;margin-left:-30px;margin-top:10px;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out;vertical-align:middle;width:140px}.logo-img:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.icons{height:25px;margin-right:10px;width:25px}.active-notify{color:green}.sinput-container{align-items:center;display:flex;margin-bottom:15px;margin-left:15px;margin-top:-40px;position:relative}.sinput{background-color:initial;border:none;border-radius:10px;cursor:pointer;height:40px;outline:none;padding:18px 16px;transition:all .5s ease-in-out;width:40px}.sinput::-webkit-input-placeholder{color:transparent}.sinput::placeholder{color:transparent}.sinput:focus::-webkit-input-placeholder{color:#838080}.sinput:focus::placeholder{color:#838080}.sinput:focus,.sinput:not(:placeholder-shown){background-color:#fff;border:1px solid #c4c4c4;padding:18px 16px 18px 40px;width:290px}.sicon{fill:#2b2b2b;background-color:#fff;border:1px solid #303030;border-radius:10px;height:40px;left:0;position:absolute;top:0;width:40px;z-index:-1}.sinput:hover+.icon{-webkit-transform:rotate(1turn);transform:rotate(1turn);transition:.2s ease-in-out}.sinput:focus+.icon,.sinput:not(:placeholder-shown)+.icon{background-color:initial;border:none;z-index:0}.result-card{background:#ececec;border-radius:5px;box-shadow:0 2px 4px rgba(0,0,0,.4),0 7px 13px -3px rgba(0,0,0,.3),inset 0 -3px 0 rgba(0,0,0,.2);height:400px;margin-left:15px;margin-top:5px;width:288px}.voice-chat-card{background-color:#e8e8e8;border:1px solid #ccc;border-radius:10px;box-shadow:2px 2px 10px #ccc;height:60px;margin:20px auto;padding:10px;transition:ease-in-out;width:230px}.voice-chat-card:hover{background-color:#c8e1b0}.voice-chat-card-header{align-items:center;display:flex;margin-bottom:10px}.avatar{background-color:#333;border-radius:50%;color:#000;height:40px;margin-right:10px;width:40px}.username{color:#000;font-size:18px;margin:0}.status{background-color:green}.status,.status-off{border-radius:50%;height:10px;margin-left:10px;width:10px}.status-off{background-color:hsla(120,1%,63%,.192)}.home-container{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;min-height:100vh}.post-container{padding:10px}.more-btn{align-items:center;background-color:#e4ebd5;border:none;border-radius:4px;box-shadow:0 8px 24px 0 rgba(255,235,167,.2);color:#97b175;font-size:.8em;font-weight:700;justify-content:center;margin:1rem 1rem 1rem 20%;padding:.6em 1.2em;text-transform:uppercase;transition:all .3s ease-in-out}.more-btn:hover{background-color:#d5dfc0;color:#e3ecd3}.postcards-card{align-items:center;background-color:#fff;background:radial-gradient(hsla(0,0%,100%,.8),rgba(157,198,156,.26));border:1px solid #ccccccf0;border-radius:3px;box-shadow:0 0 3px hsla(0,0%,100%,.8);display:flex;flex-basis:40%;flex-direction:column;margin-left:30%;margin-top:70px;max-height:800px;max-width:0;min-width:650px;padding:20px;text-align:center;width:850px}.postcards-image-container{align-items:center;display:flex;height:400px;justify-content:center;overflow:hidden;width:400px}.postcards-image{border-radius:3px;height:100%;margin-bottom:10px;object-fit:cover;object-position:center center;width:100%}.post-card{background-color:#fff;border:1px solid #ccccccf0;margin:0 auto;padding:20px;text-align:center;width:450px}.post-image{border-radius:3px;margin-bottom:10px;width:100%}.comments-title{font-weight:100}.more-btnn{align-items:center;background-color:#e4ebd5;border:none;border-radius:4px;box-shadow:0 8px 24px 0 rgba(255,235,167,.2);color:#97b175;font-size:.8em;font-weight:700;justify-content:center;margin:1rem 1rem 1rem 53.4%;padding:.6em 1.2em;text-transform:uppercase;transition:all .3s ease-in-out}.more-btnn:hover{background-color:#d5dfc0;color:#e3ecd3}.image-grid{grid-gap:20px;display:grid;grid-template-columns:repeat(3,1fr);margin-left:28%;margin-top:70px;max-width:800px}.image-container{height:250px;position:relative;width:250px}.image-container img{border-radius:5px;display:block;height:250px;width:100%}.image-overlay{background-color:rgba(0,0,0,.5);border-radius:5px;height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s ease-in-out;width:100%}.image-container:hover .image-overlay{opacity:1}.image-overlay-text{color:#fff;font-size:16px;font-weight:700;left:50%;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.image-overlay-text span{display:block;font-size:16px;font-weight:400;margin-top:10px}.settings-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.preview-image{max-height:5vh}.upload-container{min-height:400px}label{font-size:1.2rem;margin-bottom:10px}select{margin-bottom:50px}.delete-btn button{margin-top:20px}.notification-container{background-color:#f5f5f5;border-radius:20px;box-shadow:0 0 20px 0 rgba(0,0,0,.3);display:flex;flex-direction:column;height:90vh;justify-content:left;margin:1% auto auto 43%;overflow-y:auto;width:600px}.notification-div{text-align:center;text-align:left}.notification-div,.notification-div-unseen{align-items:center;display:flex;margin-left:10vh;margin-top:30px}.notification-div-unseen{color:#97b175;font-weight:600;justify-content:left;text-align:center;text-shadow:2px 2px 2px #c5ddba}.post-notification-photo{height:50px;margin-left:15px;object-fit:cover;width:50px}.user-notification-photo{border-radius:50%;height:50px;margin-right:15px;object-fit:cover;width:50px}.com-form{display:flex;flex-direction:column;width:100%}.com-input{border:1px solid #ccc;border-radius:5px;height:100px;margin-bottom:10px;padding:10px}.com-submit-btn{align-self:flex-end;background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:5px 10px}.com-submit-btn:hover{background-color:#0056b3}.com-btn{background-color:#e4ebd5;border:none;border-radius:4px;box-shadow:0 8px 24px 0 rgba(255,235,167,.2);color:#97b175;font-size:.8em;font-weight:700;margin:1rem;padding:.6em 1.2em;text-transform:uppercase;transition:all .3s ease-in-out}.com-btn-link{color:#f5f5f5;display:block;font-size:.75em;transition:color .3s ease-out}.com-btn:hover{background-color:#8dca8a;box-shadow:0 8px 24px 0 rgba(16,39,112,.2);color:#fcf7e6}.com-btn-link:hover{color:#ffeba7}.com-btn1{background-color:#929292ab;border:none;border-radius:4px;box-shadow:0 8px 24px 0 rgba(255,235,167,.2);color:#e4e9de;font-size:.8em;font-weight:700;margin:1rem;padding:.6em 1.2em;text-transform:uppercase;transition:all .3s ease-in-out}.com-btn1-link{color:#f5f5f5;display:block;font-size:.75em;transition:color .3s ease-out}.com-btn1:hover{background-color:#8dca8a;box-shadow:0 8px 24px 0 rgba(16,39,112,.2);color:#fcf7e6}.com-btn1-link:hover{color:#ffeba7}.comment{background-color:#fefffdba;border:1px solid #ccc;border-radius:5px;padding:10px}.comment-header{align-items:center;display:flex}.profile-pic{border-radius:50%;height:40px;margin-right:10px;object-fit:cover;width:40px}.comment-author{color:#5c6649;font-size:1.2em;margin:0}.comment-text{margin:5px 0}.comment-timestamp{color:#777;font-size:.8em;margin:0}.discussion-container{display:flex;flex-wrap:nowrap;gap:20px;justify-content:space-between}.discussion-card{align-items:center;background-color:#fff;border:1px solid #ccccccf0;display:flex;flex-basis:40%;flex-direction:column;height:90vh;margin-left:25%;margin-top:70px;max-height:800px;max-width:0;min-width:40vh;overflow-y:auto;padding:20px;text-align:center;width:0}.message-form-container{background-color:#c5ddba;border-radius:4px;box-shadow:0 0 20px rgba(0,0,0,.243);flex-basis:60%;margin-right:5%;margin-top:70px;max-height:90vh;max-width:80vh;min-width:400px;overflow-y:auto;padding:40px}.conversation-div{align-items:center;display:flex;margin-top:10px;min-height:8vh;min-width:30vh;text-align:left}.user-convo-photo{border-radius:50%;height:50px;margin-right:15px;object-fit:cover;width:50px}.conversation-div-unseen{align-items:center;background-color:#97b175;border-bottom-right-radius:20%;border-top-right-radius:20%;display:flex;font-weight:600;margin-top:10px;min-height:8vh;min-width:30vh;text-align:left}.profile-page{justify-content:center}html{-webkit-text-size-adjust:100%;box-sizing:border-box;line-height:1.15}*,:after,:before{box-sizing:inherit}:root{--small-green-circle:#78eea6;--small-white-circle:#aea6ab2b;--main-accent-color:#96bb65;--secondary-accent-color:#c0d288}a{background-color:initial}img{border-style:none}button{-webkit-appearance:button;font-family:inherit;font-size:100%;line-height:1.15;margin:0;overflow:visible}[type=button]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}body{background:#fff;background-repeat:no-repeat;font-family:Lato,sans-serif;font-weight:400;margin:0}.pf-container{align-items:center;justify-content:center;margin:5% auto auto 41.5%;max-width:600px;text-align:center}.pf-card{background-color:#f5fbee;border-radius:.8em;box-shadow:0 2.8px 2.2px rgba(0,0,0,.02),0 6.7px 5.3px rgba(0,0,0,.028),0 12.5px 10px rgba(0,0,0,.035),0 22.3px 17.9px rgba(0,0,0,.042),0 41.8px 33.4px rgba(0,0,0,.05),0 100px 80px rgba(0,0,0,.07);padding:1em;position:relative}.pf-card:after{background-color:#78eea6;background-color:var(--small-green-circle);border:2px solid #fff;border-radius:50%;content:"";height:15px;position:absolute;right:96px;top:25px;width:15px}.pf-card-offline{background-color:#f5fbee;border-radius:.8em;box-shadow:0 2.8px 2.2px rgba(0,0,0,.02),0 6.7px 5.3px rgba(0,0,0,.028),0 12.5px 10px rgba(0,0,0,.035),0 22.3px 17.9px rgba(0,0,0,.042),0 41.8px 33.4px rgba(0,0,0,.05),0 100px 80px rgba(0,0,0,.07);padding:1em;position:relative}.pf-card-offline:after{background-color:#aea6ab2b;background-color:var(--small-white-circle);border:2px solid #fff;border-radius:50%;content:"";height:15px;position:absolute;right:96px;top:25px;width:15px}.card__image{border-radius:50%;height:100px;object-fit:cover;width:100px}.card__info{justify-content:space-between;list-style-type:none;margin-left:14%;margin-top:1em;padding:0}.card__info li{display:inline-block;margin-right:50px;padding:0;text-align:center}.card__info__stats{color:#96bb65;color:var(--main-accent-color);display:block;font-size:1.2em;font-weight:700}.card__info__stats+span{color:#969798;font-size:.8em;font-weight:700;text-transform:uppercase}.card__text h2{color:#6f6f6f;font-size:1.4em;margin-bottom:.3em}.card__text p{color:#999;font-size:.95em;margin:0}.card__action{display:flex;justify-content:space-around}.card__action__button{border:none;border-radius:.5em;color:#fff;cursor:pointer;padding:.9em 1.3em;position:relative;text-transform:uppercase}.card__action__button:before{border-radius:.5em;content:"";position:absolute;transition:all .35s ease-in-out}.card__action__button:hover:before{bottom:-6px;left:-6px;right:-6px;top:-6px}.card__action--follow{background-color:#96bb65;background-color:var(--main-accent-color)}.card__action__button:hover:before{border:4px solid #96bb65;border:4px solid var(--main-accent-color)}.card__action--message{background-color:#c0d288;background-color:var(--secondary-accent-color)}.card__action--message:hover:before{border:4px solid #c0d288;border:4px solid var(--secondary-accent-color)}@media (min-width:425px){.card{padding:3em}.card:after{right:160px;top:50px}.card__info li{padding:1em}.card__action__button{padding:.9em 1.8em}}.profile-edit-btn{border:.1rem solid #dbdbdb;border-radius:.3rem;font-size:1.1rem;line-height:1.8;margin-left:2rem;padding:0 2.4rem}.profile-settings-btn{font-size:2rem;margin-left:1rem}.profile-stats{margin-top:2.3rem}.profile-stats li{cursor:pointer;display:inline-block;font-size:1.6rem;line-height:1.5;margin-right:4rem}.profile-stats li:last-of-type{margin-right:0}.profile-bio{font-size:1.6rem;font-weight:400;line-height:1.5;margin-top:2.3rem}.profile-edit-btn,.profile-real-name,.profile-stat-count{font-weight:600}h4{margin-bottom:.5em;margin-top:0}.upload-container{align-items:center;background-color:#f5f5f5;border-radius:20px;box-shadow:0 0 20px 0 rgba(0,0,0,.3);display:flex;flex-direction:column;height:85vh;justify-content:center;margin:5% auto auto 43%;width:600px}.preview-image{max-height:20vh;width:auto}.upload-container h1{color:#444;font-size:2rem;margin:0 0 20px}.upload-container input[type=file]{margin:0 0 20px}.upload-container button{background-color:#afcd7e;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px}.upload-container button:hover{background-color:#a7c741}.upload-container input{border:1px solid #ccc;border-radius:5px;box-sizing:border-box;font-size:.8rem;margin:0 0 20px;padding:10px;width:80%}.upload-container input[type=text]:focus{border-color:#d5ffc6;box-shadow:0 0 5px 0 rgba(1,144,68,.197);outline:none}.login{align-items:center;background-color:#fff;display:flex;height:100vh;justify-content:center;margin-top:10%}.login .grid{max-width:500px;width:100%}.login form{background-color:#c5ddba;border-radius:10px;box-shadow:0 0 20px rgba(0,0,0,.243);max-width:600px;padding:40px;width:100%}.login form h2{color:#5c6649;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:24px;font-weight:700}.login form h2,.login form input{margin-bottom:20px}.login form input:focus{background-color:#e5e9dc}.login form .message{margin-top:20px;text-align:center}.login form .message a{color:#000;font-weight:700;text-decoration:none}.login form .message a:hover{text-decoration:underline}.login form .register-button{background-color:#fff;border:1px solid #000;border-radius:5px;color:#000;font-size:14px;margin-left:5px;padding:5px 10px;text-decoration:none}.login-btn{background-color:#e4ebd5;border:none;border-radius:4px;box-shadow:0 8px 24px 0 rgba(255,235,167,.2);color:#97b175;font-size:.8em;font-weight:700;margin:1rem;padding:.6em 1.2em;text-transform:uppercase;transition:all .3s ease-in-out}.login-btn-link{color:#f5f5f5;display:block;font-size:.75em;transition:color .3s ease-out}.login-btn:hover{background-color:#8dca8a;box-shadow:0 8px 24px 0 rgba(16,39,112,.2);color:#fcf7e6}.login-btn-link:hover{color:#ffeba7}.login-btn1{background-color:#929292ab;border:none;border-radius:4px;box-shadow:0 8px 24px 0 rgba(255,235,167,.2);color:#e4e9de;font-size:.8em;font-weight:700;margin:1rem;padding:.6em 1.2em;text-transform:uppercase;transition:all .3s ease-in-out}.login-btn1-link{color:#f5f5f5;display:block;font-size:.75em;transition:color .3s ease-out}.field input:focus::-webkit-input-placeholder{opacity:0;-webkit-transition:opacity .3s;transition:opacity .3s}.field input:focus::placeholder{opacity:0;transition:opacity .3s}.login-btn1:hover{background-color:#8dca8a;box-shadow:0 8px 24px 0 rgba(16,39,112,.2);color:#fcf7e6}.login-btn1-link:hover{color:#ffeba7}.message{color:#5c6649;font-size:15px}.post-container{display:flex;flex-wrap:nowrap;gap:20px;justify-content:space-between}.comment-form-container{background-color:#c5ddba;border-radius:4px;box-shadow:0 0 20px rgba(0,0,0,.243);flex-basis:60%;margin-right:5%;margin-top:70px;max-height:650px;max-width:500px;min-width:400px;overflow-y:auto;padding:40px}.postcard-card{background-color:#fff;border:1px solid #ccccccf0;flex-basis:40%;flex-direction:column;margin-left:30%;margin-top:70px;max-height:800px;max-width:0;min-width:80vh;padding:20px;text-align:center;width:450px}.post-header,.postcard-card{align-items:center;display:flex}.post-header{justify-content:center}.user-name{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:30px;font-weight:100}.user-profile-photo{border-radius:50%;height:50px;margin-right:10px;object-fit:cover;width:50px}.postcard-image-container{align-items:center;display:flex;height:70vh;justify-content:center;overflow:hidden;width:70vh}.postcard-image{border-radius:3px;height:100%;margin-bottom:10px;object-fit:cover;object-position:center center;width:auto}.post-footer{align-items:center;display:flex;flex-direction:column;justify-content:center}.likes-title{margin-bottom:30px;text-align:left}.date-title,.likes-title{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-weight:100}.date-title{font-size:13px}.comment-btn,.like-btn{background-color:initial;border:none;cursor:pointer;flex:1 1;margin-bottom:17px;margin-right:10px}.comment-btn i,.like-btn i{margin-right:5px}.like-btn{align-items:center;background-color:initial;border:none;border-radius:10px;display:flex;height:50px;justify-content:center;position:relative;width:50px}.like-btn:after{color:#505050;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;font-size:15px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;opacity:0;position:absolute;top:115%;transition:.2s linear;visibility:hidden;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.icon,.iconn{height:30px;transition:.2s linear;width:30px}.icon path{fill:rgba(49,49,49,.687);transition:.2s linear}.like-btn:hover>.icon{-webkit-transform:scale(1.2);transform:scale(1.2)}.like-btn:hover>.icon path{fill:#eb6b81}.like-btn>.iconn path{fill:#eb6b81;top:105%}.like-btn:hover:after{opacity:1;top:105%;visibility:visible}.buttons-container{align-items:center;display:flex;justify-content:center;margin-bottom:10px;width:100%}.comments-title{font-weight:200;text-align:left}.comments,.comments-title{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.comments{margin-top:10px}.comment{margin-bottom:10px;text-align:left}.comment-author{font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:smaller;margin-bottom:5px;text-align:left}.comment-text{margin:0}.delete-btn{align-items:center;background-color:#e4ebd5;border:none;border-radius:4px;box-shadow:0 8px 24px 0 rgba(255,235,167,.2);color:#97b175;font-size:.8em;font-weight:700;justify-content:center;margin:1rem;padding:.6em 1.2em;text-transform:uppercase;transition:all .3s ease-in-out}.delete-btn:hover{background-color:#d5dfc0;color:#e3ecd3}
/*# sourceMappingURL=main.398e385c.css.map*/