.kanit-light {
    font-family: "Kanit", sans-serif;
    font-weight: 300;
    font-style: normal;
  }
  
  .kanit-regular {
    font-family: "Kanit", sans-serif;
    font-weight: 400;
    font-style: normal;
  }
  
  .kanit-extrabold {
    font-family: "Kanit", sans-serif;
    font-weight: 800;
    font-style: normal;
  }
  
  .my-button {
    padding: 10px 20px;
    background-color: #4CAF50;
    color: white;
    border: none;
    border-radius: 10px;
    cursor: pointer;
  }
  .my-button:hover {
    background-color: #45a049;
  }
  .my-button:active {
    background-color: #3e8e41;
  }

  input[type=text] {
    border-radius: 10px;
    border: 1px solid #2d9fd9;
    color: #3e8e41;
    width: 250px;
    height: 30px;
    padding-left: 10px;
  }
  
  input[type=text]:focus {
    outline: none;
    border: 1px solid #a0d18c;
    color: #3e8e41;
  }