body {
background-image: url("background.jpg");
}
h1 {
font-family: "Times New Roman", Times, serif;
color: cornsilk;
}
.row {
display: flex;
}
.image-container {
display: flex;
flex-direction: column;
align-items: center;
margin: 50px;
}
.custom-img {
width: 200px;
height: 200px;
object-fit: cover;
}
.container {
display: flex;
flex-direction: column;
align-items: center;
}
h2 {
color: deeppink;
}
.main-img {
width: 400px;
height: 400px;
object-fit: cover;
}
p {
color: deeppink;
font-family: Arial, Helvetica, sans-serif;
font-size: 30px;
font-weight: 900;
background: darkgreen;
}
h3 {
color: mistyrose;
font-size: 35px;
}
p1 {
color: orangered;
font-size: 20px
}
h4 {
color: gold;
font-size: 35px;
}
p2 {
color: gold;
font-size: 20px;
}

.topnav {
background-color: darkgrey;
overflow: hidden;
}
.topnav a {
float: left;
color: #f2f2f2;
text-align: center;
padding: 14px 16px;
 text-decoration: none;
font-size: 17px;
}

/* Change the color of links on hover */
.topnav a:hover {
background-color: #ef3239;
color: black;
}

/* Add a color to the active/current link */
.topnav a.active {
background-color: #1b8f21;
color: black;
}