.homePageContainer{margin-top:60px}.blog-list{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;list-style:none;margin:0;padding:0}.blog-card{align-items:center;background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;max-width:300px;overflow:hidden;text-align:center;width:100%}.blog-image{height:150px;object-fit:contain}.blog-title{font-size:1.2em;margin:12px 0;padding:0 8px}.user-info{align-items:center;display:flex;gap:8px;margin:8px 0}.user-photo{border-radius:50%;height:40px;object-fit:cover;width:40px}.username{align-items:center;display:inline-flex;font-size:1em;font-weight:700;gap:2px}.card-buttons{display:flex;gap:8px;margin:12px 0}.btn{border:none;border-radius:4px;cursor:pointer;font-size:.9em;padding:8px 16px}.view-btn{background:#4caf50;color:#fff;text-decoration:none}.delete-btn{background:#f44336}.verifyedLogo{display:inline-flex}@media (max-width:768px){.blog-card{max-width:240px}}.loginPage{align-items:center;background-color:#f4f4f4;display:flex;font-family:Arial,sans-serif;height:100vh;justify-content:center;padding-top:25px}.login-container{background:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;max-width:400px;padding:20px;width:100%}.login-form{display:flex;flex-direction:column;gap:20px}.login-form h2{color:#333;margin-bottom:20px;text-align:center}.form-group label{color:#555}.form-group input{width:95%}.form-group input:focus{border-color:#007bff;outline:none}.login-submit-btn{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:10px;transition:background-color .3s}.login-submit-btn:hover{background-color:#0056b3}.signUpPage{background-color:#f4f4f4;font-family:Arial,sans-serif;height:100vh;padding-bottom:45px;padding-top:65px}.signUpPage,.signup-container{align-items:center;display:flex;justify-content:center}.signup-container{padding:20px;width:100%}.signup-form{background:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:400px;padding:30px;width:100%}.signup-form h2{color:#333;margin-bottom:20px;text-align:center}.form-group{margin-bottom:15px}.form-group label{color:#666;display:block;font-weight:700;margin-bottom:5px}.form-group input{border:1px solid #ddd;border-radius:5px;font-size:16px;padding:10px;width:100%}.singUp-submit-btn{background:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:18px;padding:10px;transition:background .3s;width:100%}.singUp-submit-btn:hover{background:#0056b3}@media (max-width:768px){.signup-form{padding:20px}}@media (max-width:480px){.signup-form{padding:15px}.signup-form h2{font-size:1.5em}}.user-card-container{box-sizing:border-box;font-family:Arial,sans-serif;margin:auto;max-width:1200px;overflow-x:hidden;padding:20px}.user-card-list{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;list-style:none;margin:0;padding:0}.user-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 4px 10px #0000001a;display:flex;flex-direction:column;height:300px;justify-content:space-between;overflow:hidden;padding:20px;text-align:center;transition:transform .3s,box-shadow .3s;width:300px}.user-card:hover{box-shadow:0 8px 20px #00000026;transform:translateY(-5px)}.user-avatar{border:3px solid #eee;border-radius:50%;height:100px;margin-bottom:15px;object-fit:contain;width:100px}.user-name{color:#333;font-size:20px;margin:10px 0 5px}.user-email{word-wrap:break-word;color:#666;font-size:16px;text-align:center}.delete-btn{background-color:#e74c3c;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:10px 15px;transition:all .3s ease-in-out}.delete-btn:hover{background-color:#c0392b;transform:scale(1.05)}@media (max-width:768px){.user-card{height:200px;width:200px}.user-avatar{height:80px;width:80px}.user-name{font-size:18px}.user-email{font-size:14px}.delete-btn{font-size:13px;padding:8px 12px}}.navbarPage{align-items:center;background-color:#000;color:#fff;display:flex;height:50px;justify-content:space-evenly;left:0;position:fixed;right:0;top:0;width:100%;z-index:3}.logo{font-size:25px;font-weight:900;margin-left:20px}.navbarContainer{align-items:center;display:flex;justify-content:space-between;width:100%}.navLinksContainer{align-items:center;display:flex;gap:20px;justify-content:space-evenly;width:50%}.navLinks{color:#fff;text-decoration:none}#active{border-bottom:2px solid green}.navLinks:hover{border-bottom:2px solid red;transition:1s}.logoutBtn{background-color:bisque;border-radius:10px;color:#000;padding:9px;text-decoration:none}.barsIcon{display:none}.sideBar{animation:sideBarOpen .3s ease-in 0s 1 forwards;background-color:#000;border-top:1px solid #fff;height:100vh;left:0;position:fixed;right:0;top:50px;width:100%;z-index:2}.sideLinks{align-items:center;animation:sideLinks .6s ease-in 0s 1 forwards;display:flex;flex-direction:column;gap:60px;justify-content:space-evenly;margin-top:40px}@keyframes sideBarOpen{0%{height:0}to{height:100vh}}@keyframes sideLinks{0%{opacity:0}to{opacity:1}}@media (max-width:540px){.navLinksContainer{display:none}.barsIcon{cursor:pointer;display:flex;font-size:28px;margin-right:15px}}@media (max-width:840px){.navLinksContainer{width:80%}}@media (max-width:600px){.navLinksContainer{width:80%}}.blogPageContainer{background-color:#f9f9f9;font-family:Arial,sans-serif;height:-webkit-fit-content;height:fit-content;padding:35px}.add-blog-container{background:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;margin:2rem auto;max-width:600px;padding:1.5rem}.add-blog-title{color:#333;font-size:2rem;margin-bottom:1rem;text-align:center}.add-blog-form .form-group{margin-bottom:1.5rem}.description-label,.file-label,.title-label{color:#444;display:block;font-weight:700;margin-bottom:.5rem}.description-input,.file-input,.title-input{border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:.8rem;width:90%}.description-input{resize:none}.file-input{padding:.5rem}.description-input:focus,.file-input:focus,.title-input:focus{border-color:#007bff;box-shadow:0 0 5px #007bff80;outline:none}.form-group input{width:90%}.submit-button{border-radius:4px;display:inline-block;font-size:1rem;padding:.8rem;transition:background-color .3s;width:100%}@media (max-width:768px){.add-blog-container{padding:1rem}.add-blog-title{font-size:1.8rem}.description-input,.file-input,.submit-button,.title-input{font-size:.9rem}}.blog-page{font-family:Arial,sans-serif;margin:0 auto;max-width:800px;padding:20px}.blog-header{text-align:center}.blog-image{border-radius:10px;height:auto;width:100%}.user-profile{align-items:center;display:flex;justify-content:center;margin:10px 0}.profile-image{border-radius:50%;height:50px;margin-right:10px;object-fit:cover;width:50px}.user-name{align-items:center;display:inline-flex;font-size:16px;font-weight:700;gap:3px}.blog-title{font-size:24px;margin:10px 0}.blog-description{word-wrap:break-word;box-sizing:border-box;color:#555;font-size:16px;max-width:100%;overflow-x:auto;white-space:pre-wrap}.comments-section{margin-top:20px}.comments-list{list-style-type:none;padding:0}.comment-item{word-wrap:break-word;background:#f9f9f9;border-radius:5px;margin:10px 0;overflow-wrap:break-word;padding:10px}.comment-profile{align-items:center;display:flex}.comment-profile-pic{border-radius:50%;height:40px;margin-right:10px;object-fit:cover;width:40px}.comment-user-name{align-items:center;display:inline-flex;font-size:14px;font-weight:700;gap:2px;margin:0}.comment-text{color:#333;font-size:14px;margin:5px 0 0;word-break:break-word}.comment-form{margin-top:20px}.comment-input{border:1px solid #ddd;border-radius:5px;height:80px;margin-bottom:10px;padding:10px;resize:none;width:100%}.delete-button{background-color:#ff4d4d;border:none;border-radius:3px;color:#fff;cursor:pointer;margin-top:5px;padding:5px 10px}.delete-button:hover{background-color:#e60000}.submit-button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px}.submit-button:hover{background-color:#0056b3}
/*# sourceMappingURL=main.67bf6c23.css.map*/