body{ color: rgb(63, 100, 132)}
    
h1 {
    left: 0;
    position: absolute;
    text-align: center;
    line-height: 10px;
    top: -1%;
    width: 100%;
}
h2 { text-align: center; }


body { text-align: center; }
body{
  body {
    background-color: #dce9dc;
    color: #2E475D;
    font-family: 'Lexend Deca', 'Space Grotesk', Arial, sans-serif;
    font-optical-sizing: auto;
    margin: 0;
    padding: 50px;
    width: 100%;
    text-align: center;
}

}

body{ 
    font-family: "Space Grotesk", sans-serif;
    font-optical-sizing: auto;
  
}


.gif-like-video {
  width: 300px; 
  height: auto; 
  border-radius: 10px; 
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); 
  display: block; 
  margin: 0 auto; 
}


.button {
    display: inline-block;
    padding: 10px 20px;
    font-size: 16px;
    color: white;
    background-color: #a9ccaa; 
    text-align: center;
    text-decoration: none;
    border-radius: 5px;
    transition: background-color 0.3s;
  }
  
  .button:hover {
    background-color: #727762; 
  }