@import url(https://fonts.googleapis.com/css2?family=Carme:wght@300;400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Titillium+Web:wght@300;400;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{align-items:center;background-color:#fff;display:flex;flex-direction:column;justify-content:center}.brand-section{max-width:400px;text-align:center}.brand-section,.login-section{border-radius:8px;margin:60px;padding:20px}.login-section{background-color:#e4f6ff;display:flex;flex-direction:column;justify-content:center;min-height:400px;min-width:300px}.brand-section .logo{margin-bottom:20px;max-width:300px}h1{color:#333;font-size:40px;font-weight:500;margin:0}h1,p{font-family:Carme,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,Liberation Sans,sans-serif}p{color:#5c5c5c;font-size:16px}.login-form{align-items:center;display:flex;flex-direction:column}.login-form input{border:1px solid #ddd;border-radius:5px;display:block;font-size:18px;margin-bottom:10px;padding-bottom:10px;padding-top:10px;text-align:center;width:80%}.login-form button{background-color:#78f0ce;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:18px;height:42px;margin-top:10px;padding:10px;width:245px}.login-form button:hover{background-color:#329176}.form-footer{text-align:center}.form-footer a{align-items:center;color:#729c96;display:flex;flex-direction:column;font-size:18px;margin-top:10px;text-decoration:none}.form-footer a:hover{text-decoration:underline}.error{align-items:center;background-color:#fdd;border:1px solid red;border-radius:5px;color:red;display:flex;font-weight:700;justify-content:center;margin-top:10px;padding:10px}@media (min-width:768px){.container{flex-direction:row}.logo_front{margin-bottom:20px;max-width:300px}p{font-size:20px;margin-bottom:0;margin-top:30px}}@media (max-width:300px){.container{flex-wrap:wrap}}.legal-container{align-items:center;background-color:#f0f0f0;color:#333;display:flex;flex-direction:column;font-family:Arial,sans-serif;justify-content:center;min-height:100vh;padding:20px}.legal-content{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;line-height:1.6;max-width:800px;padding:40px;width:100%}.legal-content h1{border-bottom:2px solid #78f0ce;color:#333;font-size:2.5em;margin-bottom:10px;padding-bottom:15px;text-align:center}.last-updated{color:#666;font-size:.9em;font-style:italic;text-align:center}.last-updated,.legal-content section{margin-bottom:30px}.legal-content h2{border-bottom:1px solid #e4f6ff;color:#329176;font-size:1.5em;margin-bottom:15px;margin-top:30px;padding-bottom:8px}.legal-content h3{color:#333;font-size:1.2em;margin-bottom:10px;margin-top:20px}.legal-content p{margin-bottom:15px;text-align:justify}.legal-content ul{margin-bottom:15px;padding-left:25px}.legal-content li{margin-bottom:8px}.legal-content strong{color:#329176;font-weight:700}@media (max-width:768px){.legal-container{padding:10px}.legal-content{padding:20px}.legal-content h1{font-size:2em}.legal-content h2{font-size:1.3em}.legal-content h3{font-size:1.1em}}@media (max-width:480px){.legal-content{padding:15px}.legal-content h1{font-size:1.8em}.legal-content ul{padding-left:20px}}.legal-acceptance{align-items:center;display:grid;font-size:14px;grid-template-columns:auto 1fr;line-height:1.4;margin:10px 0 5px;max-width:280px;width:100%}.legal-acceptance input[type=checkbox]{cursor:pointer;flex-shrink:0;margin-right:8px;margin-top:3px}.legal-acceptance label{color:#5c5c5c;cursor:pointer;font-family:Carme,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,Liberation Sans,sans-serif;text-align:left}.legal-acceptance a{color:#329176;font-weight:500;text-decoration:underline}.legal-acceptance a:hover{color:#78f0ce;text-decoration:none}.legal-error{background-color:#ffebee;border:1px solid #ffcdd2;border-radius:4px;color:#d32f2f;display:block;font-size:12px;font-weight:500;margin:5px 0 10px;max-width:280px;padding:8px;text-align:center;width:100%}.reset-password-container,.reset-password-container form{align-items:center;display:flex;flex-direction:column;justify-content:center}.reset-password-container form input{border:1px solid #ccc;border-radius:5px;margin:10px 0;padding:10px;width:300px}.reset-password-container form button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px}@media screen and (max-width:768px){.post-wrapper{align-items:center;margin:20px}.post,.post-wrapper{display:flex;flex-direction:column}.post{background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:10px 0;max-width:100%;padding:20px}.post-details{display:flex;flex-direction:column;margin-bottom:10px}}@media screen and (max-width:450px){.post img{width:100%}.likebutton
.like img,.likebutton
.unlike img{height:20px;width:20px}}.post,.post-wrapper{align-items:center;display:flex;justify-content:center;margin:20px}.post{background-color:#f9f9f9;box-shadow:0 2px 4px #0000001a;flex-direction:column;padding:20px}.post,.post img{border-radius:8px;max-width:400px}.post img{margin-bottom:10px;max-height:400px}.likes,.post-details{display:flex;flex-direction:row}.post-details{justify-content:space-between;width:90%}.comments{margin:50px;max-height:650px}.comment,.comments{align-items:center;display:flex;flex-direction:column}.comment{background-color:#f9f9f9;border-radius:10px;box-shadow:0 0 8px #ddd;justify-content:center;margin:10px;padding:10px;text-align:center;text-align:left;width:200px}.comment a{color:#333;font-weight:700;text-decoration:none}.commentsection{max-height:500px;overflow:auto}.comment-upload,.commentsection{align-items:center;display:flex;flex-direction:column}.comment-upload{background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 4px #0000001a;justify-content:center;margin-top:20px;padding:10px}.comment-upload input[type=text]{border:1px solid #ddd;border-radius:5px;font-size:16px;margin:10px;padding:10px;width:80%}.comment-upload button{background-color:#78f0ce;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;margin:10px;padding:10px;width:80%}.comment-upload button:hover{background-color:#329176}.comment-text{padding:20px}.likebutton{align-items:center;display:flex;justify-content:center}.likebutton
.like,.likebutton
.unlike{background:none;border:none}.likebutton
.like img,.likebutton
.unlike img{background:none;border:none;cursor:pointer;display:block;height:30px;margin:0;padding:0;width:30px}.like img:hover,.unlike img:hover{cursor:pointer}.username-link{color:#333;font-weight:700;margin-right:10px;text-decoration:none}.post-info{display:flex}.date{margin-right:10px}.share{align-items:center;display:flex;justify-content:center}.share button{background-color:#fff;border:none;margin:10px}.delete-button{background-color:#f9f9f9;border:none}.delete-button img{background:none;border:none;cursor:pointer;display:block;height:25px;margin:0;padding:0;width:25px}.comment-user{align-items:center;display:flex;justify-content:space-around;margin-bottom:10px;margin-top:5px;width:50%}.post-desc{word-wrap:break-word;color:#000;font-size:16px;margin:10px;max-height:75px;overflow:auto;text-align:start}.post-title{font-size:25px;margin:5px}.comment-text{word-wrap:break-word;background-color:#f9f9f9;border-radius:5px;box-sizing:border-box;margin:0;padding:10px;text-align:center;width:100%}.pages{align-items:center;background-color:#f0f0f0;color:#333;flex-direction:column;font-family:Arial,sans-serif;font-size:1.5em;text-align:center}.home,.pages{display:flex;justify-content:center}.home{flex-direction:row;height:600px}.home-posts{align-items:center;display:flex;flex-direction:column;height:600px;overflow:auto;width:50%}.post-link{color:#333;text-decoration:none;transition:background-color .3s ease,transform .3s ease}.post-link:hover{color:#000;transform:scale(1.02)}@media (max-width:750px){.home{align-items:center;flex-direction:column}.home,.home-posts{height:auto;overflow-x:none}.home-posts{width:100%}.post-link{font-size:1.2em}}.profile{overflow:hidden}.profile,.profilepicture{align-items:center;display:flex;flex-direction:column;justify-content:center}.profilepicture{padding:20px}.wrapper{margin:20px}.bio,.wrapper{align-items:center;display:flex;flex-direction:column;justify-content:center}.bio{background-color:#f9f9f9;border-radius:10px;box-shadow:0 0 8px #ddd;margin:50px;max-width:300px;overflow:hidden;padding:20px}.bio-info{flex-direction:column}.bio-info,.header{align-items:center;display:flex;justify-content:center}.header{flex-direction:row;margin:50px;overflow:hidden}.bio-text{align-items:center;background-color:#f9f9f9;border:#000;border-radius:10px;display:flex;justify-content:center}.bio-text p{color:#000;font-size:16px;margin:10px;padding:0}.followerFollowing{align-items:center;display:flex;flex-direction:row;justify-content:center}.followerlist{background-color:#f9f9f9;border-radius:10px;box-shadow:0 0 8px #ddd;display:flex;flex-direction:column;margin:15px;max-height:300px;padding:10px}.followerlist ul{height:250px;list-style-type:none;margin:0;overflow:auto;padding:0}.followerlist li{border-bottom:1px solid #ddd;box-shadow:0 0 8px #ddd;margin:5px;padding:10px}.followerlist ul li a{color:#000;font-size:16px;text-decoration:none}.followerlist ul li a:hover{background-color:#f1f1f1;text-decoration:underline}.follow{background-color:#2f7ad6}.follow,.unfollow{align-items:center;border:#2f7ad6;border-radius:10px;box-shadow:0 0 8px #ddd;color:#fff;display:flex;flex-direction:row;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;height:35px;justify-content:center;padding:15px;text-align:center;width:100px}.unfollow{background-color:#35d62f}.fade-follow-container{min-height:35px;min-width:100px;position:relative}.fade-follow,.fade-follow-container{align-items:center;display:flex;justify-content:center}.fade-follow{bottom:0;height:100%;left:0;position:absolute;right:0;top:0;transition:opacity .3s,transform .3s;width:100%}.fade-in{opacity:1;pointer-events:auto;transform:scale(1);z-index:2}.fade-out{z-index:1}.button-fade,.fade-out{opacity:0;pointer-events:none;transform:scale(.95)}.button-fade{transition:opacity .3s,transform .3s}.follow:hover{background-color:#63a7df;cursor:pointer}.unfollow:hover{background-color:#6fe26f;cursor:pointer}.follow-button{margin:20px}.bio-button{background-color:#72b0f3;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;font-size:16px;padding:10px 20px}.bio-button:hover{background-color:#0056b3}.edit-button{background-color:#90ee90;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;font-size:16px;margin:5px;padding:10px 20px}.file-input{display:none}.custom-file-upload{background-color:#72b0f3;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;font-size:16px;margin:5px;padding:7px 20px 10px}.custom-file-upload:hover{background-color:#0056b3}.posts{align-items:center;display:flex;flex-wrap:wrap;justify-content:center}.btn{background-color:#fff;border:none}.btn img{background:none;border:none;cursor:pointer;display:block;height:25px;margin:0;padding:0;width:25px}.modal-overlay{background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content,.modal-overlay{align-items:center;display:flex;justify-content:center}.modal-content{background:#fff;border-radius:8px;flex-direction:column;min-width:300px;padding:10px}@media (max-width:1000px){.profilepicture{box-shadow:0 0 0 #ddd}.profile,.profilepicture{align-items:center;display:flex;flex-direction:column;justify-content:center}.bio{margin:20px;width:300px}}@media (max-width:700px){.header{flex-direction:column}}@media (max-width:450px){.profilepicture img{max-height:175px;max-width:175px}.bio{width:175px}.bio-text{flex-direction:row}.followerlist{margin:5px;max-width:110px}.bio-buttons{align-items:center;display:flex;flex-direction:row;justify-content:center}}.cancel-button{background-color:#f08080;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;font-size:16px;margin:5px;padding:10px 20px}.cancel-button:hover{background-color:red}.update-wrapper{align-items:center;background-color:#f9f9f9;border-radius:10px;box-shadow:0 0 8px #ddd;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.desc{border:1px solid #ccc;border-radius:4px;font-family:Arial,sans-serif;margin:10px;resize:none;width:90%}.desc:focus{border-color:#72b0f3;outline:none}.edit-button:hover{background-color:#0f0}.update-wrapper form p{margin:10px 0}.profilepicture img{border:2px solid #000;border-radius:50%;max-height:200px;width:200px}.buttons{flex-direction:row}.buttons,.update-profile{align-items:center;display:flex;justify-content:center}.update-profile{flex-wrap:wrap;margin:20px}.sharelinks{align-items:center;background-color:#fff;border-radius:25px;box-shadow:0 0 8px #ddd;display:flex;justify-content:center;margin-bottom:0;margin-top:10px;max-width:100%}.sharelinks button{background-color:#fff;border:none;font-size:17px;margin:15px}.react-share__ShareButton:hover{cursor:pointer}.react-share__ShareButton img{border:none;height:30px;width:30px}.loading{flex-direction:column}.image-frame,.loading{align-items:center;display:flex;justify-content:center}.image-frame{height:600px;overflow:hidden;width:600px}.image-frame img{max-height:100%;max-width:100%;object-fit:contain}@keyframes easeInOut{0%,to{opacity:0;transform:scale(.8)}50%{opacity:1;transform:scale(1.1)}}.loading img{animation:easeInOut 2s infinite;height:100px;margin-top:200px;width:100px}.example-frame{align-items:center;border:2px dashed #333;color:#666;display:flex;font-size:.8em;height:400px;justify-content:center;margin-bottom:20px;overflow:hidden;width:400px}.example-frame img{max-height:100%;max-width:100%}.postForm,.postForm-wrapper{align-items:center;display:flex;flex-direction:column;justify-content:center}.postForm-wrapper{box-shadow:0 0 8px #ddd;margin-bottom:50px;padding-left:20px;padding-right:20px}.choosefile{align-items:center;display:flex;flex-direction:row;justify-content:center}.choosefile button{background-color:#fff;border:none;height:30px;margin:10px;width:30px}.choosefile button img{height:30px;margin-right:10px;width:30px}.choosefile button:hover{cursor:pointer}@media (max-width:440px){.example-frame{height:200px;width:100%}.postForm-wrapper{padding-left:10px;padding-right:10px}.choosefile button,.choosefile button img{height:25px;width:25px}}nav a:hover{color:var(--secondaryColor)}.nav-btn{background:#0000;border:none;color:var(--textColor);cursor:pointer;font-size:1.8rem;opacity:0;outline:none;padding:5px;visibility:hidden}@media (max-width:1024px){.nav-btn{opacity:1;visibility:visible;z-index:2}.nav-bar nav{align-items:center;gap:1.5rem;justify-content:center;top:-250px}.nav-bar nav,.nav-bar nav ul{background-color:#fff;display:flex;flex-direction:column;position:fixed}.nav-bar nav ul{transition:.8s ease-in;z-index:1}.nav-bar nav.responsive-nav{background-color:#fff;border:2px #000;display:block}.nav-bar nav.responsive-nav ul{align-items:center;border:2px #000;display:flex;flex-direction:column;gap:1.5rem;height:500px;justify-content:center;opacity:1;position:fixed;transform:translateY(34vh);transition:.8s ease-out;z-index:1}nav.responsive-nav ul li a{z-index:1}.navbar .nav-close-btn{position:absolute;right:2rem;top:2rem}}.nav-bar{background-color:#fff}.nav-bar nav{box-shadow:0 0 8px #ddd;display:flex;flex-direction:row;justify-content:space-between}.text-wrapper-3{background-color:#d7a6a8;border-radius:5px;box-shadow:0 0 8px #ddd;color:#d9d9d9;font-family:Carme,Helvetica;font-size:24px;font-weight:400;margin-right:5px;text-align:center;top:18px;width:133px}.text-wrapper-3:hover{background-color:#ce797d}.logout-button{background-color:#e76464;border:none;border-radius:5px;box-shadow:0 0 8px #ddd;color:#000;font-size:16px;font-weight:400;height:30px;margin-right:5px;text-align:center;transition:background-color .3s ease;width:90px}.logout-button:hover{background-color:red;cursor:pointer}.nav-bar nav ul{align-items:center;background-image:linear-gradient(90deg,#fff,#e4f6ff);display:flex;height:75px;justify-content:space-between;list-style:none;margin:0;padding:0;width:100%}.link,.nav-bar nav ul li a{color:#000;text-decoration:none}.link{align-items:center;display:flex;height:30px;justify-content:center;transition:border-bottom .4s ease-in-out;width:100px}.link:hover{border-bottom:1px solid #000;color:#fff;cursor:pointer}.web-project-logo{margin:0;padding:0;width:80px}.input-wrapper{align-items:center;border:none;border-radius:10px;box-shadow:0 0 8px #ddd;display:flex;height:2.5rem;padding:0 15px}.input-wrapper,input{background-color:#fff;width:100%}input{border:none;font-size:1.25rem;margin-left:5px}input:focus{outline:none}.results-list{background-color:#fff;border-radius:10px;box-shadow:0 0 8px #ddd;display:flex;flex-direction:column;margin-top:10px;max-height:300px;overflow-y:auto;position:absolute;width:335px;z-index:2}#search-icon{color:#4169e1}.search-result{padding:10px 20px}.search-result:hover{background-color:#efefef}@media screen and (max-width:768px){.input-wrapper,.results-list{width:200px}}
/*# sourceMappingURL=main.0dd31f4a.css.map*/