body {
     margin: 0;
     font-family: sans-serif;
}

header{
  background-color: #f7a99e;
  color: #ed2513;
  padding: 20px;
  text-align: center;
}

.main  {
     background: linear-gradient(to left, #e9ff45, pink );
     min-height: 400px;
     padding:20px;
     justify-content: center;
 display: flex;
 flex-direction: column;
}

footer {
    background-color:#f7a99e;
    color:#ed2424;
    text-align: center;
    padding: 20px;
}

body {
     font-family: Arial;
}
.wrapper {
 width: 100%;
 gap: 20px;
 padding: 20px;
}
a{
     text-decoration: none;
}
.head{
     width: 100%;
      justify-content: center;
 flex-direction: row;
 display: flex;
}
.image-block {
    background-color: lavender;
    width: 600px;
    height: 300px;
    border: 3px solid purple;
    overflow: hidden;
}
.image-block img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.text-block {
 background-color: #d5f22e;
 border: 3px solid purple; 
 padding: 10px;
 color: maroon;
 width: 250px;
}


.text-block h2 {
     color: red;
}
.text-block h2:hover {
     color: #921aed;
}



.inner-text {
  border: 2px solid brown;
  padding: 10px;
  margin-top: 10px;
}
.inner-text p a{
     color: red;
     text-decoration: none;
}
.inner-text p a:hover{
     color: purple;
}
.main h2{
     color: #a3140f;
}
.item{
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
}
.mge{
     width: 80%;
     height: 300px;
     text-align: center;
     margin: 0 auto;
     background:  pink ;
}
