body {
    background-color: pink;
}
  
  .about-section h2 {
    font-size: 32px;
    margin-bottom: 20px;
    color: #333;
  }
  
  .about-section p {
    font-size: 18px;
    color: #666;
    line-height: 1.6;
  }
  body{
    text-align: center;
  }
  button{
    background-color: rgb(20, 36, 109);
      border: 0;
      border-radius: 40px;
      color: #fff;
      cursor: pointer;
      display: inline-block;
      font-family: system-ui,-apple-system,system-ui,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",sans-serif;
      font-size: 15px;
      font-weight: 500;
      outline: 0;
      padding: 7px 19px;
      position: relative;
      text-align: center;
      text-decoration: none;
      transition: all .3s;
      user-select: none;
      -webkit-user-select: none;
      touch-action: manipulation;
      transition: background-color 0.3s ease;
      border-radius: 10px;

  }
  /* hover effect */
  button:hover {
    background-color: #f00f0f; 
  }