*{padding:0;margin:0;box-sizing:border-box}body{background-color:tan;color:#000}.header{display:flex;justify-content:space-between}.websiteName{margin-top:20px;margin-left:30px;width:200px;height:50px;font-size:larger}.navigationBar{width:590px;background-color:#d3d3d34d}.navigationItems{padding:5px;margin:30px;list-style-type:none;display:flex;justify-content:space-between}.navigationItems li{padding:3px;font-size:1rem;font-weight:700}.navigationItems li:hover{cursor:pointer;background-color:#a1c8e6}.about{margin-top:10px;display:flex;justify-content:space-between;height:500px}.landingContent{margin-right:10px;text-align:center;align-content:center;background-color:#d3d3d34d}.aboutContent{font-size:xx-large}.getStarted{margin-top:30px}.getStartedButton{width:200px;height:80px;font-size:large;font-weight:700;background-color:#2da1f9;border-radius:5px}.getStartedButton:hover{cursor:pointer;background-color:#a1c8e6}.landingImage{margin-left:5px;background-color:#d3d3d34d}.aboutImage{width:600px;height:500px;padding:20px;object-fit:fill}.createBlog,.editBlog{display:flex;flex-direction:column;align-items:center;margin-top:20px;padding:10px;background-color:#d3d3d34d}.createBlogLabel,.editBlogLabel{margin-bottom:10px;font-size:xx-large}.blogTitleInput,.blogContentInput,.blogImageInput{width:800px;height:50px;margin:10px;display:flex;justify-content:space-evenly}.newBlogTitleLabel,.newBlogContentLabel,.newBlogImageLabel,.editBlogTitleLabel,.editBlogContentLabel,.editBlogImageLabel{font-size:xx-large}.newBlogTitle,.newBlogContent,.newBlogImage,.editBlogTitle,.editBlogImage,.editBlogContent{width:400px;height:50px}.confirmNewBlogButton,.saveChangesButton{width:300px;height:50px;margin-top:10px;border-radius:5px;border-style:groove;border-width:5px;font-size:30px;background-color:#2da1f9}.confirmNewBlogButton:hover,.saveChangesButton:hover{background-color:#a1c8e6}.options,.viewBlogs{width:100%;height:300px;display:flex;justify-content:center;align-items:center}.viewBlogButton{width:300px;height:100px;background-color:#2da1f9;font-size:2rem}.listOfBlogs{background-color:#d3d3d34d;margin-top:20px;display:flex;flex-direction:column;align-items:center}.blogHeading{padding:30px;font-size:xx-large}.noBlogs{font-size:xx-large;margin:20px}.card{margin:50px;width:800px;height:400px;background-color:#fff;border-style:groove;border-color:#000;border-width:5px;display:flex;align-items:center}.blogImage{width:300px;height:200px;object-fit:fill}.blogTitle{font-size:x-large;margin-left:20px;margin-top:20px}.viewBlog{color:#13b3e3}.editDelete{width:250px;display:flex;justify-content:space-evenly;margin-left:20px;margin-top:50px}.deleteButton,.editButton{width:100px;height:50px;margin-right:5px;background-color:#2da1f9}.deleteButtonImage,.editButtonImage{width:30px;height:30px;margin-right:5px}.deleteButton:hover,.editButton:hover{background-color:#a1c8e6}.createNewBlogButton{width:300px;height:50px;background-color:#2da1f9;font-size:large}.detailedBlog{display:flex;flex-direction:column;margin:50px;padding:20px;background-color:#d3d3d34d}.imgAndContentContainer{display:flex;flex-direction:column;align-items:center}.detailedBlogImage{width:500px;height:300px;margin:10px;object-fit:fill}.detailedBlogContent{margin:10px;font-size:x-large}.commentInput{width:1000px;height:100px;font-size:x-large}.addCommentButton{width:120px;height:40px;margin:20px;background-color:#1ceb6fdd;border-radius:10px;border-width:5px;border-style:groove}.commentContainer{width:500px;height:100px;display:flex;flex-direction:column;justify-content:center}