@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Forum&display=swap');

*{
	margin:0;
	padding:0;
	box-sizing: border-box;
}


body {
	font-family: "Dm sans", sans-serif;
	font-size: 40px;
	background: bisque;
}

a{ 
color: brown;
text-decoration: none;
}

  header {
       display: flex;
       justify-content: space-between;
       align-items: center;
       padding: 20px;
       border-bottom: 1px solid brown;
}

.navbar {
  height: 20%;

}
  nav ul {
       display: flex;
       list-style: none;
       gap: 20px;
       padding: 0;
       margin: 0;
}

  nav a {
  text-decoration: none;
  color: brown;
}

.hero{
	justify-content: center;
	align-content: center;
	height: 70vh;
}
.blog {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin: auto;
	width: 80%;
	gap: 20px;
}
.blog section {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	text-align: center;
}

.blog-section-div{
	text-align: center;
	width:50%;
}
	
.blog h1 {
	font-size: 40px;
	margin-bottom: 30px;
}

.blog img {
	height: 300px;
}

.blog h3{
	font-size:40px;
	margin-bottom: 30px;
}

.publish-date{
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 20px;
	}
.btn {
	margin-block: 20px;
	margin:auto;
	padding: 12px 16px;
	background-color: brown;
	color: white;
	border: none;
	width: 10%;
	border-radius: 8px;
	font-size: 16px;
	cursor: pointer;
	transition: 0.3s ease;
	}

	.footer{
		text-align: center;
		padding-block: 20px;
		margin-block: 20px;
	}