body,html{padding:0;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}a{color:inherit;text-decoration:none}*{box-sizing:border-box}.blog{padding:15px 20px;width:60%;background-color:#fff;margin:30px auto auto;border-radius:10px;box-shadow:0 7px 29px 0 hsla(240,5%,41%,.2);display:flex;justify-content:flex-start}.blog:last-child{margin-bottom:100px}.blog-inside{flex-direction:column}.blog h3{padding:20px;width:30px;height:30px;background-color:#189cf0;color:#fff;display:flex;justify-content:center;align-items:center;border-radius:50%;margin-right:30px}.blog h2:hover{color:#189cf0}.blog-id{padding:0 10px 10px}.blog-div{cursor:pointer;display:flex;flex-direction:row}.bloglist-title{text-align:center}.form-wrapper{display:flex;flex-direction:column;width:100vw;justify-content:center;align-items:center;margin-top:30px}.input{height:40px}.button,.input,.text-area{width:50%;margin-top:20px}.button{padding:10px;background-color:#000}.button,.delete-button{color:#fff;font-weight:700}.delete-button{background-color:red}