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

body {
  font-family: 'Georgia', serif;
  background: url("f.png") no-repeat center center fixed;
  background-size: cover;
  background-color: #fdf6f0; /* fallback color */
  color: #000000;
  line-height: 1.6;
    align-items: center;          /* horizontal centering */
}



/* HEADER */
header {
  text-align: center;              /* centers text and inline elements */
  background-color:#8C3756;       /* pastel pink background */
  padding: 20px;
  border-radius: 20px;             /* rounded corners */
  max-width: 800px;                /* keeps it neat on big screens */
  margin: 20px auto;               /* centers the header block itself */
  box-shadow: 2px 2px 8px rgba(0,0,0,0.1);
  color:#7fa631;
  border: 2px solid #7fa631;  


}

header h1 {
  margin-bottom: 0.5rem;
}


/* MAIN */
main {
  padding: 2rem;
  text-align: center;
}

.rectangle{
  margin-top: 50px; 
  border: 2px solid #7fa631;  
  background-color:  #D9A9B6; 
  padding: 15px 20px;          /* space inside the box */
  border-radius: 10px;         /* rounded corners */
  box-shadow: 2px 2px 8px rgba(0,0,0,0.1); /* subtle shadow */
  font-weight: bold;     
}

.rectangle a {
  margin-right: 15px;         
  text-decoration: none;       
  color: #758e41;            
}




footer {
  position: fixed;     
  bottom: 0;
  background-color: #BF5A7F;
  color: #7fa631;
  text-align: center;
  width: 100%;         
  z-index:1000;
}
.color-block {
  align-items: flex-start; 
  margin-top: 200px;
  width: 100%;             
  height: 550px;           
  background-color: #c5778a; 
  display: flex;
  gap: 300px; 
}
.about-title{
  font-family:'Didot', serif;
  font-size: 4.5rem;   
  color:#7fa631;
  display: flex;
    margin-left: 350px;

  

   
}
.about-list{
  margin-left:-250px;
  margin-top: 150px;
  font-family:'Georgia', serif;

font-size: 1.5rem;    
}

.image1 {
    margin: 0;            /* remove default margin */
  width: 450px;   /* adjust size */
  border-radius: 40px;
  margin-left: 150px;

}
  

.miaw{
  display: flex;
  flex-direction: column;

  gap: 20px;
  }

h2{
  font-size:3rem;
  color:#7fa631;
  margin-left:100px;
  }
.pics
{
  display:flex;
  gap:30px;
  margin-left:40px
  }
  .image2 {
  width: 450px;   /* adjust size */
  
}
.image3 {
  width: 450px;   /* adjust size */
  
}
.image4 {
  width: 450px;   /* adjust size */
}


.contact {
  background-color: #c5778a;
  height:150px;
  display: flex;
  align-items: center; /* vertical alignment */
  gap: 10px;            /* space between image and text */
  padding: 10px; 
  margin-top: 100px;
}
contact a{
  color:#7fa631;
  text-decoration: underline;
}

.image5 {
  width: 50px;   /* adjust size */
  
}