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}body,html{background-color:#fff;font-family:Arial,sans-serif;margin:0;padding:0}.app{padding:20px;text-align:center}.header{background-color:#000;color:#fff;left:0;padding:10px 0;position:fixed;top:.5cm;width:100%;z-index:10}.navbar{justify-content:flex-start}.navbar li{margin-right:1.5cm}.navbar li:last-child{margin-right:0}.nav-link{background:none;border:none;color:#fff;cursor:pointer;display:block;font-weight:700;padding:10px;text-decoration:none}.navbar .sign-up{color:#ffc107}.community-content,.login-form,.signup-form{margin-top:1cm;padding:20px}.login-form h1{margin-top:20px}.main-content{margin-top:2cm;padding:20px}.logo img{height:400px;max-width:600px}h1{font-size:2em;font-weight:700;margin-top:20px}.profile-page{margin-top:3cm;text-align:center}.profile-container{align-items:center;display:flex;flex-direction:column}.profile-image{border:2px solid #ccc;cursor:pointer;height:150px;width:150px}.form-input,.form-textarea{border:1px solid #ccc;border-radius:5px;display:block;margin:10px auto;padding:10px;width:60%}.save-button{background-color:#28a745;color:#fff}.save-button:hover{background-color:#218838}p{font-size:1.2em;margin:10px 0 20px}.about-content,.buttons{display:flex;gap:20px;justify-content:center}.about-content{align-items:center;margin-top:6cm;padding:40px}.about-logo{border-radius:8px;flex:0 0 auto;height:36.5%;width:36.5%}.about-section{background-color:#f0f0f0;border-radius:10px;box-shadow:0 4px 6px #0000001a;font-size:1em;line-height:1.6;max-width:600px;padding:20px;text-align:left}.about-banner h1{font-size:2em;margin-bottom:20px}.button{background-color:#d3d3d3;border:none;border-radius:8px;cursor:pointer;font-size:1em;font-weight:700;padding:15px 30px;transition:background-color .3s ease}.button:hover{background-color:#bcbcbc}.back-button{background-color:#ff5e57;color:#fff}.back-button,.login-form,.signup-form{margin-top:20px}.form-input{background-color:#d3d3d3;border:none;border-radius:8px;display:block;font-size:1em;font-weight:700;margin:10px auto;padding:15px 30px;text-align:center;transition:background-color .3s ease;width:25%}.form-input:hover{background-color:#bcbcbc}.community-content{padding:20px;text-align:center}.community-categories{display:flex;gap:30px;justify-content:center;margin-top:20px}.community-item{background-color:#d3d3d3;border:2px solid #d3d3d3;border-radius:8px;max-width:150px;padding:3mm;text-align:center}.community-item img{border:none;height:auto;margin:0;max-width:100%}.community-item p{font-size:1em;font-weight:700}.category-content{align-items:flex-start;display:flex;margin-top:5cm;padding:20px}.category-content img{border-radius:8px;height:auto;max-width:150px;width:50%}.no-posts{color:#5a5a5a;font-size:1.5em;font-weight:500;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.modal-content{background:#000;border-radius:8px;box-shadow:0 4px 10px #00000080;color:#fff;margin:auto;max-width:500px;padding:20px;text-align:center;width:calc(100% - 1.5cm)}.modal-content h2{color:#fff}.modal{background:#000000e6;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:100}.add-button,.modal{align-items:center;display:flex;justify-content:center}.add-button{background:#000;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:1.5em;height:50px;position:absolute;right:20px;top:3.26458cm;width:50px}.add-button:hover{background:#444}.form-textarea{background-color:#333;border:none;border-radius:5px;box-shadow:inset 0 2px 4px #00000080;color:#fff;font-size:1em;margin:0 auto;padding:10px;resize:none;width:calc(100% - 2cm)}.form-actions{align-items:center;display:flex;justify-content:space-between}.form-file{font-size:1em}.popup-submit-button{background-color:#d3d3d3;border:none;border-radius:8px;cursor:pointer;font-size:.75em;margin-top:2cm;padding:10px 20px;transition:background-color .3s ease}.popup-submit-button:hover{background-color:#bcbcbc}.popup-close-button{background-color:#ff5e57;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.75em;margin-top:10px;padding:10px 20px;transition:background-color .3s ease}.popup-close-button:hover{background-color:#e6493e}.posts{margin-left:8cm;margin-top:21px;width:100%}.post{background:#f9f9f9;border:1px solid #ccc;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:15px;text-align:center;width:60%}.post-content{margin-top:15px}.post-text{color:#333;font-size:1.2em}.post-footer{color:#555;display:flex;font-size:.9em;justify-content:space-between;margin-top:10px}.post-username{font-weight:700}.post-date{font-style:italic}.image-slider{position:relative}.post-image{border-radius:5px;max-width:100%}.arrow{background:#00000080;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:1.2em;height:30px;position:absolute;top:50%;transform:translateY(-50%);width:30px;z-index:10}.left-arrow{left:10px}.right-arrow{right:10px}.arrow:hover{background:#000000b3}.comments-section{margin-top:20px;text-align:left}.comments-section h3{font-size:1.2em;font-weight:700;margin-bottom:10px}.comments-list{list-style:none;margin:0;padding:0}.comment{background:#f0f0f0;border:1px solid #ccc;border-radius:5px;margin-bottom:10px;padding:10px}.comment-text{font-size:1em;margin:0 0 5px}.comment-footer{color:#555;display:flex;font-size:.8em;justify-content:space-between}.add-comment-form{display:flex;gap:10px;margin-top:10px}.comment-input{border:1px solid #ccc;border-radius:5px;flex:1 1;padding:8px}.comment-button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:8px 12px}.comment-button:hover{background-color:#0056b3}.admin-content{margin-top:3cm;text-align:left}.admin-content h1{font-size:2em;margin-bottom:20px}.admin-content section{background:#f8f8f8;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:20px}.admin-content h2{font-size:1.5em;margin-bottom:15px}.admin-post{background:#fff;border:1px solid #ddd;border-radius:5px;margin-bottom:10px;padding:10px}.admin-post p{font-size:1em;margin:0 0 10px}.admin-post button{background-color:#ff5e57;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:5px 10px}.admin-post button:hover{background-color:#e6493e}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:30px;margin:auto;width:30px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.navbar{align-items:center;display:flex;justify-content:space-between;margin-left:2cm;margin-right:2cm}.nav-user-wrapper{align-items:center;gap:10px}.nav-user-wrapper,.navbar ul{display:flex;list-style:none;margin:0;padding:0}.logout-button,.nav-user{color:#fff;font-weight:700}.logout-button{background:none;border:none;cursor:pointer}.logout-button:hover{text-decoration:underline}.profile-header{align-items:center;background-color:#f9f9f9;border-radius:10px;box-shadow:0 2px 5px #0003;display:flex;justify-content:space-between;margin:3cm auto 2cm;max-width:800px;padding:20px}.profile-image-container{align-items:center;display:flex;flex-direction:column}.profile-image{border:3px solid #ccc;border-radius:50%;height:120px;object-fit:cover;width:120px}.change-button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-top:10px;padding:8px 12px}.change-button:hover{background-color:#0056b3}.profile-info{flex:1 1;margin-left:20px;text-align:left}.profile-info h2{color:#333;font-size:1.8em;margin-bottom:10px}.profile-info p{color:#555;font-size:1em;margin:5px 0}.edit-profile-button{background-color:#28a745;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-top:10px;padding:8px 15px}.edit-profile-button:hover{background-color:#218838}
/*# sourceMappingURL=main.47d380ce.css.map*/