@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@1,500&family=Saira+Condensed:wght@300;500&display=swap);.auth-form{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.767)}.auth-form .close-btn{color:red;background:none;border:none;font-size:34px;position:absolute;right:25px;top:25px;cursor:pointer}.auth-form form{position:absolute;display:flex;flex-direction:column;text-align:center;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;padding:50px;border-radius:10px;box-sizing:border-box;min-width:500px}.auth-form form label{font-size:26px;font-weight:700}.auth-form form input{padding:5px;margin-top:25px;margin-bottom:25px;font-size:24px;border-bottom:1px solid #979797;width:100%;box-sizing:border-box}.headerblogs{max-height:500px}.headerblogs,.headerblogs .most-readed{display:flex;justify-content:space-between}.headerblogs .most-readed{width:69%;border:1px solid #f0f0ee;box-shadow:0 2px 5px 0 rgba(0,0,0,.6);overflow:hidden}.headerblogs .most-readed .blog-content{width:39%;padding:5px}.headerblogs .most-readed img{width:59%}.headerblogs .second-most-readed{width:29%;overflow:hidden}.headerblogs .second-most-readed img{width:100%;max-height:200px}.trending-blogs{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:5px;margin-top:20px}.trending-blogs .blog-card{box-shadow:0 2px 5px 0 rgba(0,0,0,.6);padding:10px;border-radius:5px}.trending-blogs .blog-card:nth-child(odd){background-color:#f0f0ee}.trending-blogs .blog-card:nth-child(odd) h2{color:#00ab6b}.trending-blogs .blog-card:nth-child(2n){background-color:#00ab6b}.trending-blogs .blog-card:nth-child(2n) h2{color:#f0f0ee}.trending-blogs .blog-card-header{display:flex;align-items:center}.trending-blogs .blog-card-header .card-header{width:79%}.trending-blogs .blog-card-header .card-header span{text-transform:capitalize}.trending-blogs .blog-card-header h2{border-bottom:1px solid #000;margin:0}.trending-blogs .blog-card-header .card-img{width:20%}.trending-blogs .blog-card-header .card-img img{width:50px;height:50px;border-radius:50%}.blogs-for-you-trend{margin-top:20px}.blogs-for-you-card{display:grid;grid-gap:10px;grid-template-columns:repeat(3,1fr);box-shadow:0 2px 5px 0 rgba(0,0,0,.6);padding:10px;margin:10px 10px 10px 0;align-items:center}.blogs-for-you-card img{width:100%;max-height:200px}.blogs-for-you-card .blog-card-for-you-content{grid-column:2/4}.blogs-for-you-card .blog-card-for-you-content h2{margin:0;border-bottom:2px solid #000;padding-bottom:5px}.blogs-for-you-card .blog-card-for-you-content .blog-card-user{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:10px;margin-top:10px;align-items:center}.blogs-for-you-card .blog-card-for-you-content .blog-card-user img{width:100%;border-radius:50%}.blogs-for-you-card .blog-card-for-you-content .blog-card-user h4{grid-column:2/-1}.trending-blogs-cards{border:1px solid #f0f0ee}.trending-blogs-cards h1{background-color:#d7efee;padding:30px}.blog-trending-card{display:grid;grid-template-columns:repeat(8,1fr);align-items:center;margin:30px 0;grid-gap:15px;padding:0 15px}.blog-trending-card img{width:150px;height:150px;object-fit:cover;border-radius:50%;grid-column:2/4;max-height:180px}.blog-trending-card .blog-card-content{grid-column:4/-1}.blog-trending-card .blog-card-content .blog-card-user{display:grid;grid-template-columns:repeat(8,1fr);grid-gap:10px;align-items:center}.blog-trending-card .blog-card-content .blog-card-user img{width:100%;height:unset;border-radius:50%;grid-column:1/2}.blog-trending-card .blog-card-content .blog-card-user h4{grid-column:2/-1}@media only screen and (max-width:1120px){.headerblogs{max-height:100%}.headerblogs .most-readed{width:49%;flex-direction:column-reverse}.headerblogs .most-readed .blog-content,.headerblogs .most-readed img{width:100%}.headerblogs .most-readed img{max-height:500px}.headerblogs .second-most-readed{width:49%}.headerblogs .second-most-readed img{max-height:500px}.trending-blogs{grid-template-columns:repeat(2,1fr)}}@media only screen and (max-width:700px){.headerblogs{flex-direction:column}.headerblogs .most-readed{box-shadow:0 2px 5px 0 rgba(0,0,0,.6);width:100%}.headerblogs .most-readed .blog-content,.headerblogs .most-readed img{width:100%}.headerblogs .most-readed img{max-height:100%}.headerblogs .second-most-readed{box-shadow:0 2px 5px 0 rgba(0,0,0,.6);width:100%}.headerblogs .second-most-readed img{max-height:100%}.trending-blogs{grid-template-columns:1fr}}.user-Profile{display:grid;grid-template-columns:repeat(4,1fr);min-height:900px}.user-Profile .user-profile-data{background-color:#f0f0ee}.user-Profile .user-profile-data .user-avatar{width:250px;height:250px;margin:0 auto;padding:15px}.user-Profile .user-profile-data .user-avatar img{width:100%;border-radius:50%}.user-Profile .user-profile-data .user-info{padding:15px;font-size:20px;display:grid;grid-template-columns:1fr 1fr}.user-Profile .user-profile-data .user-info *{margin-top:10px}.user-Profile .user-profile-data .user-info label{font-weight:700}.user-Profile .user-profile-data .links-user-edit{text-align:center;margin-top:15px;display:flex;justify-content:center}.user-Profile .user-profile-data .links-user-edit .user-btn{border-radius:5px;color:#fff!important;padding:10px;font-size:16px;margin:5px;cursor:pointer;display:flex;align-content:center}.user-Profile .user-blogs-section{padding:15px;grid-column:2/-1}.user-Profile .user-blogs-section .user-blogs{height:100%}.user-Profile .user-blogs-section .blog-edit{width:80px}.navbar{position:fixed;top:0;left:0;width:100%;height:100px;border-bottom:2px solid #000}.navbar nav{position:relative;width:100%;height:100%;background-color:#fff}.navbar h1{position:absolute;margin:0;left:50%;top:50%;transform:translate(-50%,-50%)}.navbar .right-position{position:absolute;display:flex;align-items:center;right:20px;top:50%;transform:translateY(-50%)}.search-btn{margin-right:5px;border:none;color:#979797;background:none;cursor:pointer;font-size:20px}.search-btn:hover{color:#000}.search-bar{border:1px solid #000;height:25px;border-radius:5px;margin-right:15px;display:flex;align-items:center}.search-bar button,.search-bar input{border:none;background:none}.search-bar button{font-size:20px;padding-top:5px;cursor:pointer}.search-bar input{padding:5px;width:100%}.search-bar input:focus{outline:none}.user-box{display:flex;max-width:120px;align-items:center;justify-content:space-between}.user-box .addblog-link{background-color:#d7efee;padding:5px;color:#00ab6b!important;border-radius:5px}.user-box .profile-link{width:45%}.user-box button{font-size:24px;font-weight:700;color:#00ab6b;border:none;background:none;cursor:pointer;margin-left:5px;padding:0}.user-box button:hover{color:#00784b}.user-box img{width:100%;border-radius:50%}@media only screen and (max-width:1120px){.navbar h1{left:20px;top:50%;transform:translateY(-50%)}}@media only screen and (max-width:700px){.navbar{height:120px}.navbar h1{left:50%;top:10px;transform:translate(-50%)}.navbar .right-position{width:100%;flex-direction:column;left:50%;right:auto;top:50px;transform:translate(-50%);padding:5px}.navbar .right-position .search-bar{margin-right:0}.navbar .right-position .green-btn{font-size:12px;width:60px;margin-top:5px}.user-box{margin-top:5px}.user-box img{width:30px;border-radius:50%}}.blog-form{background-color:#f0f0ee;padding:15px}.blog-form .form-field{margin:10px 0}.blog-form .form-field label{display:block;font-size:24px;font-weight:700;margin:10px 0}.blog-form .form-field input{width:100%}.blog-form .form-field textarea{width:100%;min-height:500px;padding:5px;resize:none}.blogshow-page{padding:10px;background-color:#f0f0ee}.blogshow-page h1{color:#00ab6b;border-bottom:2px solid #00ab6b;text-transform:capitalize;text-align:center;padding-bottom:20px}.blogshow-page .user-info{display:grid;grid-gap:10px;padding:10px;border-radius:10px;grid-template-columns:repeat(4,1fr);max-width:200px;align-items:center;margin:0 auto}.blogshow-page .user-info img{width:100%;grid-column:1/2;border-radius:50%}.blogshow-page .user-info h3{grid-column:2/-1;text-transform:capitalize;margin:0;font-size:14px}.blogshow-page .blog-content img{width:80%;margin:0 auto;display:block}.blogshow-page .blog-content p{padding:30px;font-size:24px}.addcomment-form{text-align:right}.addcomment-form textarea{width:100%;margin-bottom:10px;min-height:100px;font-size:20px;padding:15px;margin-top:20px;resize:none}.addcomment-form textarea:focus{outline:none}.comments-container{background-color:#fff;padding:10px}.comment-card{padding:10px;border:1px solid #f0f0ee;margin:10px 0}.comment-card a{display:flex;align-items:center}.comment-card a img{max-width:70px;margin-right:10px;border-radius:50%;object-fit:cover}.comment-card a h3{flex-shrink:100%}.edit-Profile{display:grid;grid-template-columns:repeat(4,1fr);background-color:#d7efee;padding:50px;margin:0 auto;width:100%;max-width:900px}.edit-profile-avatar{background-color:#f0f0ee;text-align:center;padding:10px}.edit-profile-avatar img{width:250px;height:250px;object-fit:cover}.edituser-form{padding:20px;background-color:#fff;font-size:24px;grid-column:2/-1}.edituser-form input,.edituser-form label{display:block}.edituser-form input{margin:5px 0;width:100%}.edituser-form label{padding:15px 0}.inputWrapper{height:50px;width:150px;overflow:hidden;text-align:center;margin:0 auto;position:relative;cursor:pointer!important;background-color:#00ab6b}.inputWrapper label{margin-top:25px;transform:translateY(-50%);display:block}.fileInput{cursor:pointer;height:100%;width:100%;position:absolute;top:0;right:0;z-index:99;font-size:24px;opacity:0}@media only screen and (max-width:1120px){.edit-Profile{grid-template-columns:1fr;position:static;display:block;padding:15px;transform:translate(0);max-width:100%;width:100%}}.blogedit-page{background-color:#f0f0ee;height:100%}.blogedit-page .blog-form input{width:100%}.blogedit-page .blog-form .blog-title{border:none;background-color:#f0f0ee;font-size:36px;padding:15px}.blogedit-page .blog-form .blog-title:focus{outline:none}.blogedit-page .blog-form textarea{width:100%;min-height:500px;font-size:24px;padding:15px;border:none;margin-top:20px;background-color:#f0f0ee;resize:none}.blogedit-page .blog-form textarea:focus{outline:none}.edit-blog-photo img{width:100%;max-height:560px}.result-card{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;padding:5px;margin:3px;border-radius:5px;box-shadow:0 2px 5px 0 rgba(0,0,0,.6)}.result-card img{width:100%;max-height:300px;object-fit:cover}.result-card .result-content{grid-column:2/-1}.result-card .result-content .result-card-user{display:flex}.result-card .result-content .result-card-user img{width:30%;max-width:70px;border-radius:50%;object-fit:cover}.result-card .result-content .result-card-user h4{width:70%}.btn{padding:5px 10px;border:none;border-radius:2px;font-size:18px;font-weight:500;cursor:pointer}.green-btn{background-color:#00ab6b}.green-btn:hover{background-color:#00784b;color:#fff}.sub-text{color:#979797}a{color:inherit!important;text-decoration:none!important}.text-green{color:#00ab6b!important}.text-white{color:#fff!important}.m-0{margin:0}.p-0{padding:0}.fs-1{font-size:50px}.fs-2{font-size:40px}.fs-3{font-size:30px}.fs-4{font-size:20px}.fs-5{font-size:17px}.fs-6{font-size:15px}.d-block{display:block}.bg-black{background-color:#000}.clickable{cursor:pointer}.grid{display:grid}.two-grid{grid-template-columns:repeat(2,1fr)}@media only screen and (max-width:1120px){.two-grid{grid-template-columns:1fr}}h1,h2,h3{font-family:"Saira Condensed",sans-serif}label,p,span{font-family:"Roboto",sans-serif}body{margin:0;padding:0}*{box-sizing:border-box!important}.content{margin:100px auto 0;max-width:1400px}.App,.content{height:100%}.none{display:none!important}.alert-danger{color:#b90404;background-color:#ff6f6f;padding:5px;border-radius:5px}.alert-warning{color:#856404;background-color:#fff3cd;padding:10px;border-radius:5px}.alert-success{color:#155724;background-color:#d4edda;padding:5px;border-radius:5px}.edit-btn{background-color:#8f8f1b}.delete-btn{background-color:#6d1919}.delete-btn-2{color:#6d1919;background:none;border:none;cursor:pointer}.delete-btn-2:hover{color:#531616}.d-flex{display:flex}.align-center{align-items:center}.justcont-between{justify-content:space-between}@media only screen and (max-width:700px){.content{margin-top:120px}}
/*# sourceMappingURL=main.91cdc993.chunk.css.map */