@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";*,*:after,*:before{box-sizing:border-box;margin:2px;background-color:#f5f5f5}body,button,input{font-family:Montserrat,sans-serif}.container{max-width:1140px;width:95%;margin:0 auto;padding:1rem 0}.chip{font-size:.7rem;background:linear-gradient(to right,#6190e8,#a7bfe8);color:#fff;padding:.3rem .5rem;border-radius:5px;width:fit-content;text-transform:capitalize}.blogItem-wrap{display:flex;flex-direction:column}.blogItem-cover{width:100%;height:250px;object-fit:cover;border-radius:20px;margin-bottom:.5rem}.blogItem-wrap h3{margin:.5rem 0 1rem;flex:1}.blogItem-desc{position:relative;max-height:50px;overflow:hidden;padding-right:.6rem;font-size:.8rem;color:#a9a9a9}.blogItem-desc:before{position:absolute;content:"...";bottom:0;right:0}.blogItem-wrap footer{display:flex;align-items:center;margin-top:1rem;justify-content:space-between}.blogItem-link{text-decoration:none;color:inherit}.blogItem-author{display:flex;align-items:center}.blogItem-author img{width:40px;height:40px;border-radius:50%;object-fit:cover;margin-right:.5rem}.blogItem-author p{font-size:.6rem;color:#a9a9a9;font-weight:600}.blogList-wrap{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:3rem}@media (max-width: 768px){.blogList-wrap{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.blogList-wrap{grid-template-columns:repeat(1,1fr)}}.home-header{text-align:center;display:grid;margin:0 auto}.create-blog-button{margin:20px auto 0;max-width:fit-content;padding:10px 20px;background-color:#cdbdbd;color:#333;text-decoration:none;border-radius:4px;font-weight:700}.home-header h2{color:#0080ff;font-size:2rem}.home-header h1{font-size:3rem;color:#0f52ba;margin-bottom:1rem}.home-header h1 span{color:#b0c4de}.home-header p{color:#a9a9a9;font-weight:500}.searchBar-wrap{background-color:#f0f0f0;width:fit-content;margin:2.5rem auto 4rem;padding:1rem;border-radius:8px;box-shadow:0 2px 4px #0000001a}.searchBar-wrap form{display:flex;align-items:center}.searchBar-wrap input{flex:1;background-color:#e0e0e0;outline:none;border:none;padding:.5rem;font-size:1rem;border-radius:4px;transition:background-color .3s ease}.searchBar-wrap input:focus{background-color:#d0d0d0}.searchBar-wrap span{padding-right:.5rem;cursor:pointer;color:#888;transition:color .3s ease}.searchBar-wrap span:hover{color:#333}.searchBar-wrap button{outline:none;border:none;padding:.5rem 1rem;border-radius:8px;background-color:#0f52ba;color:#fff;font-weight:700;cursor:pointer;transition:background-color .3s ease}.searchBar-wrap button:hover{background-color:#0c4297}.emptyList-wrap{display:flex;justify-content:center}.emptyList-wrap img{max-width:250px;width:100%}.blog-wrap{max-width:700px;margin:0 auto}.blog-goBack{text-decoration:none;font-size:.8rem;color:#a9a9a9;font-weight:500;margin-bottom:2rem;display:block}.blog-wrap header{text-align:center}.blog-date{font-size:.8rem;color:#a9a9a9;font-weight:500}.blog-wrap img{width:100%}.blog-subCategory{display:flex;justify-content:center}.blog-subCategory>div{margin:1rem}.blog-desc{padding:1rem;margin-top:1.5rem}.login-form{max-width:400px;margin:2em auto;padding:20px;background-color:#f4f4f4;border-radius:5px;border:3px solid black}.login-form h2{text-align:center;margin-bottom:20px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:5px;font-weight:700}.form-group input{width:100%;padding:10px;font-size:16px;border-radius:5px;border:1px solid #ccc}.form-group input:focus{outline:none;border-color:#007bff}.login-form button{width:100%;padding:10px;font-size:16px;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer}.login-form button:hover{background-color:#0056b3}.admin-dashboard{display:flex}.sidebar{width:200px;background-color:#f0f0f0;padding:20px}.sidebar button{display:block;width:100%;padding:10px;margin-bottom:10px;font-size:16px;background-color:#fff;border:none;border-radius:5px;cursor:pointer}.sidebar button.active{background-color:#007bff;color:#fff}.content{flex:1;padding:20px}