*{box-sizing:border-box;margin:0;padding:0}body{font-family:Arial,Helvetica,sans-serif}:root{--app-color:#537fe7}.login,.register{background-color:#537fe7;background-color:var(--app-color);height:100vh}.login,.login-container,.register,.register-container{align-items:center;display:flex;justify-content:center}.login-container,.register-container{background-color:#fff;border-radius:10px;flex-direction:column;gap:20px;height:430px;width:340px}.register-container img{height:25px;width:28px}.login form,.register form{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;width:100%}.login label,.register label{align-items:center;align-self:flex-start;cursor:pointer;display:flex;gap:10px;justify-content:center;margin-left:48px}.haveAccount{cursor:pointer}.login p,.register p{color:#537fe7;color:var(--app-color)}.login input,.register input{background:none;border:none;border-bottom:1px solid grey;padding:10px 2px;width:80%}.login input:focus,.register input:focus{border-bottom:1px solid #000;outline:none}.login button,.register button{background-color:#000;background-color:#537fe7;background-color:var(--app-color);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:10px 15px;width:80%}.register-container h1{color:#537fe7;color:var(--app-color);margin-top:10px}.login-container{height:380px;width:340px}.login p a,.register p a{color:#0448a1;text-decoration:none}h1{color:#537fe7;color:var(--app-color)}.home{height:100vh;width:100%}.home img{height:50px;object-fit:cover;width:50px}.home .blog-img{border-radius:10px;height:70%;width:100%}.home .add-btn,.home .profile-pic{border-radius:50%}.home .add-btn{background-color:#537fe7;background-color:var(--app-color);border:none;bottom:45px;color:#fff;cursor:pointer;font-size:20px;height:50px;position:absolute;right:45px;width:50px}.home nav{align-items:center;display:flex;justify-content:space-between;padding:20px;position:-webkit-sticky;position:sticky;top:0}.home .left-nav,.right-nav{align-items:center;display:flex;gap:15px;justify-content:center}h3{color:#537fe7;color:var(--app-color)}.create nav button,.home nav .logout-btn{background-color:#537fe7;background-color:var(--app-color);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;padding:10px 13px}.home input{background-color:#e2dddd;border:none;border-radius:5px;padding:8px}.home input:focus{outline:none}.nav-link{background-image:none;text-decoration:none}.home .nav-link p{color:#aaa8a8;margin-top:10px}.home .nav-link h2{color:#000;font-weight:bolder;margin-top:20px}.home .middle-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:20px}.home .blog-card{height:400px;width:380px}.home .blog-card p{color:#aaa8a8;margin-top:10px}.home .blog-title a,.home .blog-title button{background-color:#fff;background-image:url(https://cdn-icons-png.flaticon.com/128/3177/3177433.png);background-size:cover;border:none;cursor:pointer;height:27px;width:27px}.home .blog-title a{background-image:url(https://cdn-icons-png.flaticon.com/128/1828/1828270.png);height:27px;width:27px}.home .top-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:10px}.home .middle-container .top-container p{color:#aaa8a8;margin-top:10px;text-align:center;width:30vw}.home #search-blog{background-color:#f2f2f2;font-size:16px;margin-top:20px;padding:12px 22px}.home #search-blog::placeholder{color:#b9b6b6}.home .bottom-container{align-items:center;display:flex;flex-wrap:wrap;gap:7vh;justify-content:center;margin-top:9vh}.home .bottom-container .blog-title{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-top:20px}.home .edit-delete-container{align-items:center;display:flex;gap:15px;justify-content:flex-end}.home .heading{color:#537fe7;color:var(--app-color)}.detail{display:flex;flex-direction:column;justify-content:center;padding-bottom:20px}.detail .blog-image{height:100%;width:100%}.detail .blog-details p{color:#3e3823;font-family:source-serif-pro,Georgia,Cambria,Times New Roman,Times,serif;font-size:20px;font-weight:400;letter-spacing:-.003em;line-height:30px;margin-top:2rem;text-align:left;width:100%}.detail .blog-details{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:50px auto;width:65%}.create nav,.detail nav{align-items:center;display:flex;justify-content:space-between;margin:16px auto auto;width:80%}.create nav div,.detail nav div{align-items:center;display:flex;gap:10px}.create nav p,.detail nav p{color:#191919;font-family:Times New Roman,Times,serif;font-size:20px;font-weight:500}.create nav img,.detail nav img{height:50px;object-fit:cover;width:50px}.create nav .profile-pic,.detail nav .profile-pic{border-radius:50%}.detail .blog-details h1{letter-spacing:-.016em;line-height:40px}.detail .blog-details h1,.detail .blog-details h4{font-family:sohne,Helvetica Neue,Helvetica,Arial,sans-serif;margin-bottom:15px}.detail .blog-details h4{color:#b5b0b0}.create{height:100vh;width:100%}.create form{align-items:flex-start;display:flex;flex-direction:column;margin-left:150px;margin-top:20px;padding:50px}.create form .title-input{border:none;color:#000000d6;font-family:Times New Roman,Times,serif;font-size:42px;font-weight:400;height:50px;letter-spacing:0;width:50%}.create form .title-input::placeholder{color:#b3b3b1}.create form .title-input:focus,textarea:focus{outline:none}.create form textarea::placeholder{color:#b3b3b1}.create form textarea{border:none;font-family:Times New Roman,Times,serif;font-size:21px;letter-spacing:-.003em;line-height:1.58;margin-top:20px;resize:none;width:60%}.create form label{align-items:center;cursor:pointer;display:flex;gap:10px;justify-content:center}.create form img{width:40px}.lds-dual-ring{display:inline-block;position:absolute;right:3.5rem;top:7px;width:1rem}.lds-dual-ring:after{animation:lds-dual-ring 1.2s linear infinite;border-color:#fff #0000;border-radius:50%;border-style:solid;border-width:4px;content:" ";display:block;height:1rem;width:1rem}@keyframes lds-dual-ring{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.lds-dual-ring-default{display:inline-block;height:3rem;width:3rem}.lds-dual-ring-default:after{animation:lds-dual-ring 1.2s linear infinite;border:6px solid #537fe7;border-color:#537fe7 #0000;border-color:var(--app-color) #0000 var(--app-color) #0000;border-radius:50%;border-style:solid;border-width:6px;content:" ";display:block;height:3rem;margin:8px;width:3rem}@media (max-width:768px){.home .middle-container .top-container p{width:74vw!important}.detail .blog-details{width:85%}.create form{margin-left:0}.create form .title-input,.create form textarea{width:100%!important}}@media (max-width:1100px){.home .middle-container .top-container p{width:80%}.detail .blog-details{width:85%}.create form .title-input,.create form textarea{width:80%}}
/*# sourceMappingURL=main.3ca348de.css.map*/