.navbar{align-items:center;background:#112240;display:flex;font-family:Cairo,sans-serif;justify-content:space-between;padding:10px 20px}.navbar-logo{color:#fff;font-size:1.5rem;font-weight:700}.navbar-links{display:flex}.navbar-link{color:#fff;font-size:1.2rem;margin:0 15px;position:relative;text-decoration:none;transition:color .3s ease}.navbar-link:hover{color:#64ffda}.underline{background:#64ffda;bottom:-5px;height:2px;left:0;position:absolute;right:0}.sign-in-button,.sign-out-button{background:#6c757d;border:none;border-radius:5px;color:#fff;cursor:pointer;font-family:Cairo,sans-serif;padding:.5rem 1rem;transition:background .3s ease}.sign-in-button:hover,.sign-out-button:hover{background:#000}.blog-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:1200px;padding:2rem}.post-card{background:#112240;border-radius:10px;display:flex;flex-direction:column;padding:1.5rem;transition:transform .3s ease}.post-card:hover{transform:translateY(-5px)}.post-card h3{color:#fff;font-size:1.25rem;margin-bottom:1rem}.post-meta{color:#8892b0;display:flex;justify-content:space-between;margin-bottom:1rem}.post-card p{color:#ccd6f6;flex-grow:1}.post-card-footer{display:flex;justify-content:flex-end;margin-top:auto}.post-card-footer button{background:#6c757d;border:none;border-radius:5px;color:#fff;cursor:pointer;font-family:Cairo,sans-serif;padding:.75rem 1.5rem;transition:background .3s ease}.post-card-footer button:hover{background:#5a6268}.load-more{background:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;font-family:Cairo,sans-serif;grid-column:1/-1;margin:20px auto;padding:10px 20px;transition:background .3s ease}.load-more:hover{background:#45a049}.load-more:disabled{background:#6c757d;cursor:not-allowed}.cover-image{border-radius:10px 10px 0 0;height:200px;margin-bottom:1rem;object-fit:cover;width:100%}@media (max-width:1200px){.blog-container{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.blog-container{grid-template-columns:1fr}}.about-container{margin:0 auto;max-width:1200px;padding:2rem;text-align:center}.social-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:2rem 0}.social-grid a{align-items:center;background:#112240;border-radius:10px;color:#fff;display:flex;flex-direction:column;padding:1.5rem;text-decoration:none;transition:transform .3s ease}.social-grid a:hover{transform:translateY(-5px)}.social-icon{color:#fff;font-size:2.5rem;margin-bottom:1rem}.contact-form{align-items:center;animation:fadeIn .8s ease-in-out;background:#112240;border-radius:10px;box-shadow:0 4px 15px #ffffff1a;display:flex;flex-direction:column;margin:2rem auto;max-width:90%;padding:2rem;text-align:center;width:480px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.form-group{align-items:flex-end;display:flex;flex-direction:column;margin-bottom:1rem;text-align:right;width:100%}.form-group input,.form-group input[type=file],.form-group textarea{font-size:1rem;max-width:100%;padding:1rem;text-align:right}.form-group input,.form-group input[type=file],.form-group textarea{background:#0a0a1a;border:1px solid #6c757d;border-radius:8px;color:#fff;font-family:Cairo,sans-serif;width:100%}.form-group input[type=file]{padding:.8rem}.form-group textarea{height:180px;resize:vertical}button[type=submit]{background:#fff;border:none;border-radius:8px;color:#000;cursor:pointer;font-family:Cairo,sans-serif;padding:1rem 2rem;transition:background .3s ease,transform .2s ease;width:100%}button[type=submit]:hover{background:#868686;transform:scale(1.05)}.result-message{color:#0fc;font-size:1rem;margin-top:1rem}@media (max-width:768px){.contact-form{padding:1.5rem;width:95%}.form-group input,.form-group input[type=file],.form-group textarea{box-sizing:border-box;max-width:100%;padding:1rem;width:100%}}.blog-page{background-color:#0a0a1a;color:#fff;display:flex;flex-direction:column;font-family:Cairo,sans-serif;margin:0 auto;max-width:800px;min-height:100vh;padding:20px}.blog-page h1{color:#fff}.blog-page a{color:#818181;text-decoration:none;transition:color .3s ease}.blog-page a:hover{color:#81818157}.comment-section{color:rgba(190,243,247,.733);margin-top:2rem}.comment-form{margin-bottom:2rem}.comment-form textarea{background:#0a0a1a;border:1px solid #6c757d;border-radius:5px;color:#fff;font-family:Cairo,sans-serif;margin-bottom:1rem;max-width:95%;padding:.8rem;resize:vertical;width:100%}.comment-form button{background:#35353548;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:.8rem 2rem;transition:background .3s ease}.comment-form button:hover{background:#35353548}.comments-list{margin-top:2rem}.comment-box{background:#0a0a1a;border:1px solid #444;border-radius:5px;display:flex;flex-direction:column;margin-bottom:2rem;padding:1rem}.comment-header{display:flex;justify-content:flex-end;position:relative}.comment-menu-btn{background:none;border:none;color:#fff;cursor:pointer;font-size:18px}.comment-menu{background-color:#1f1f1f;border-radius:5px;display:flex;flex-direction:column;padding:10px;position:absolute;right:0;top:25px;z-index:10}.comment-menu button{background-color:#333;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;margin-bottom:5px;padding:8px}.comment-menu button:hover{background-color:#555}.comment-content{display:flex;margin-top:1rem}.comment-avatar{border-radius:50%;height:40px;margin-right:1rem;object-fit:cover;width:40px}.comment-text{color:#fff;flex:1 1}.comment-author{font-weight:700}.reply-input{display:flex;flex-direction:column;margin-top:10px}.reply-input textarea{background-color:#1f1f1f;border:1px solid #333;border-radius:10px;margin-bottom:10px;resize:vertical}.reply-input button,.reply-input textarea{color:#fff;font-size:1rem;padding:10px;width:100%}.reply-input button{border:none;border-radius:5px;cursor:pointer}.reply-input button,.reply-input button:hover{background-color:#6c757d50}.reply-box{background-color:#1f1f1f;border:1px solid #333;border-radius:10px;margin-bottom:1rem;padding:10px}.reply-content{display:flex;margin-top:10px}.reply-avatar{border-radius:50%;height:30px;margin-right:10px;object-fit:cover;width:30px}.reply-text{flex:1 1}.reply-author{color:#fff;font-weight:700;margin-bottom:5px}.replies-section{border-left:2px solid #333;margin-left:20px;margin-top:20px;padding-left:20px}.loading-screen{background-color:#000000b3;height:100%;left:0;position:fixed;top:0;width:100%}.loading-box{background:#333;flex-direction:column}.spinner{animation:spin 2s linear infinite;border:4px solid #f3f3f3;border-top-color:#3498db;height:50px;width:50px}.loading-text{color:#fff;margin-top:10px}@media (max-width:600px){.comment-form textarea{font-size:.9rem;padding:.6rem;width:100%}.comment-box{padding:.8rem}.reply-input button,.reply-input textarea{font-size:.9rem;padding:8px}}.blog-actions{display:flex;gap:10px;margin-bottom:20px}.back-button,.hashnode-button{background:#6c757d50;border:none;border-radius:5px;color:hsla(0,0%,50%,.945);cursor:pointer;font-family:Cairo,sans-serif;padding:.5rem 1rem;transition:background .3s ease}.back-button:hover,.hashnode-button:hover{background:#35353548}.signmes{color:#acacacb7;font-size:large;text-align:center}.loading-screen{background-color:#0a0a1a;color:#fff;font-family:Cairo,sans-serif;font-size:1.5rem;height:100vh;justify-content:center;overflow:hidden}.loading-box,.loading-screen{align-items:center;display:flex}.loading-box{background:#112240;border-radius:10px;box-shadow:0 4px 6px #0000001a;gap:1rem;padding:2rem;text-align:center}.spinner{animation:spin 1s linear infinite;border:4px solid #6c757d4d;border-radius:50%;border-top-color:#fff;height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}body{background-color:#0a0a1a;color:#fff;direction:rtl}body::-webkit-scrollbar{width:10px}body::-webkit-scrollbar-track{background:#112240}body::-webkit-scrollbar-thumb{background:#c3c5c3;border-radius:5px;-webkit-transition:background .3s ease;transition:background .3s ease}body::-webkit-scrollbar-thumb:hover{background:#fff3}@media (max-width:768px){.blog-container{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.navbar{align-items:center;flex-direction:column}.navbar-logo{margin-bottom:10px}.button-container{flex-direction:column}.button-container button{width:100%}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Cairo,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
/*# sourceMappingURL=main.50e5a594.css.map*/