* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body {
  background-image: url("https://i.redd.it/rdcnbohxvkvb1.jpg");
}


h1 {
  text-align: center;
  text-decoration: underline;
  color : white;
  margin-top: 65px;
  margin-bottom: 33px;
}


h3{
  text-align: center;
}

h2 {
  margin-top: 15px;
}
.image-container{
  position: relative;
  width: 100%
}
  
.full-width-image{
   width: 100%;
  height: auto;
  display: block;
  transition: transform 0.1s ease;
}

.full-width-image:hover {
  transform: scale(1.06);
}
  
.text-on-image{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color:black ;
    font-size: 108px;
    border: 12px solid black ;
    background-color:red;
}
.image1{
    width: 25%;
    height : 250px;
    border-radius: 13px 0px 0px 13px;

  }

  .image2{
    width: 50%;
    border-radius: 13px 0px 0px 13px;
  }  

.image3 {
    width: 35%;
    border-radius: 13px 0px 0px 13px;    
}

.image4 {
    width: 35%;
    border-radius: 13px 0px 0px 13px;    
}

.b1 {
    display: flex;
    border-radius: 13px;  
    flex-direction: column;
    width: 75%;
    margin-left: 65px;
    margin-top: 15px;
    transition: box-shadow 0.3s ease;

}

.b1:hover {
  box-shadow: 0 0 15px 5px rgba(0, 255, 47, 0.508);
}

.c1 {
    display: flex;
    justify-content: baseline;
}

.txt1 {
    margin-left: 15px;
    margin-right: 200px;
    
}

p {
    margin-top: 10px; 
}
  

.blocColor1 {
    background-color: rgba(255, 255, 255, 0.425);
    transition: background-color 0.3s ease;
    
}
.blocColor1:hover {
  background-color: #02735E;
}
.blocColor2 {
    background-color:rgba(255, 255, 255, 0.425);
    transition: background-color 0.5s ease;
}

.blocColor2:hover {
  background-color:#03A678 ;
}

.blocColor3 {
    background-color: rgba(255, 255, 255, 0.425);
    transition: background-color 0.3 ease ;
}

.blocColor3:hover {
  background-color : #02735E;
}

.blocColor4 {
    background-color:rgba(255, 250, 250, 0.425);
    transition : background-color 0.3 ease ;
    margin-bottom: 5%;
}

.blocColor4:hover {
  background-color:#03A678;
}

.main {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 25px;
}