body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1}.nav-container{background-color:#000;color:#fff;display:flex;justify-content:space-between;padding:0 10px}.add-blog:hover{color:#ff0;cursor:pointer}.blog-container{margin:50px auto;max-width:1100px;text-align:left}.blog-post{background-color:#fff;box-shadow:0 0 6px #ccc;display:flex;justify-content:space-between;margin:10px;padding:10px;word-break:break-all}.blog-post h2{margin:5px 0}.btns button{background-color:initial;border:none;cursor:pointer;font-size:18px;margin-right:5px;margin-top:10px}.edit-btn{color:blue}.delete-btn{color:red}.overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#00000080;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:999}.popup{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;height:max-content;margin:10px;padding:10px 20px;position:relative;width:500px;z-index:1000}.popup-close{cursor:pointer;font-size:32px;font-weight:700;position:absolute;right:15px;top:0}.popup h2{margin-top:0;text-align:center}.popup form{width:100%}.popup form input,.popup form textarea{font-size:16px;width:95%!important}.popup form button,.popup form input,.popup form textarea{border:1px solid #ccc;border-radius:5px;margin-top:5px;outline:none;padding:10px}.popup form button{background-color:blue;color:#fff;cursor:pointer;font-size:18px;font-weight:700;width:100%!important}.blog-form{background-color:#fff;box-shadow:0 0 6px #ccc;box-sizing:border-box;margin:150px auto;max-width:500px;padding:10px 20px;text-align:left}.blog-form h2{margin-top:0;text-align:center;text-transform:uppercase}.blog-form form{width:100%}.blog-form form label{font-weight:700}.blog-form form input,.blog-form form textarea{border:1px solid #ccc;border-radius:5px;font-size:16px;margin-bottom:20px;margin-top:5px;outline:none;padding:10px;width:95%!important}.blog-form form textarea{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;resize:none}.blog-form form button{background-color:blue;border:1px solid #ccc;border-radius:5px;color:#fff;cursor:pointer;font-size:18px;font-weight:700;margin-top:5px;outline:none;padding:10px;width:100%!important}@media screen and (max-width:540px){.blog-form{margin:150px 10px}}