/* Basic reset and styles */
body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
  }
  .container
{ width: 80%;
    margin: 0 auto ;}
  
    .container1 {background-color: pink;}
  
  .container1> h1{text-align: center;font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;font-size: 3opx;color: color(srgb red green blue)}
  .container2>h2 {color: rgb(252, 101, 126);}
  .container2>p {color: rgb(252, 101, 126);}
  main {  background-image: url(pexels-somben-chea-1294943.jpg);
    
    background-size: 100%;
    width: 100%;
    height: 660px;
    background-repeat: no-repeat;
    position: relative;
    background-position: center;
    display: block;  
    margin-bottom:40px;}
    li>a:hover{color:  rgb(252, 101, 126);}
  
  /* Header styles */
  header {
    background-color:pink;
    padding: 20px 0;
  }
  
  header nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
  }
  
  header nav ul li {
    display: inline-block;
    margin-right: 20px;
  }
  
  header nav ul li a {
    text-decoration: none;
    color: #333;
  }
  #flavors>h2{text-align: center;color: brown; }
  
  /* Hero section styles */
  .hero {
    background-image: url('icecream-background.jpg');
    background-size: cover;
    color: #fff;
    text-align: center;
    padding: 100px 0;
  }
  
  .hero h2 {
    font-size: 2.5em;
    margin-bottom: 20px;
  }
  
  /* Flavors section styles */
  #flavors .flavor {
    text-align: center;
    margin-bottom: 40px;
  }
  
  .row {
    display: flex;
  }
  
  .column {
    flex: 33.33%;
    padding: 5px;
  }
  .column>h1:hover{color:brown;}
  
  /* About and Contact section styles */
  .about,
  .contact {
    background-color:rgb(255, 171, 15) ;
    padding: 80px ;position: relative;bottom: 25px;text-align: center;
  }
  
  
  .about h2,
  .contact h2 {
    text-align: center;
    margin-bottom: 40px;
  }
  
  /* Footer styles */
  footer {
    background-color:rgb(158, 68, 68);
    color:black;
    text-align: center;
    padding: 20px 0;position: relative;top: 460px;
  }