body {
      margin: 0;
      height: 100vh;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      background-color: rgb(144, 144, 240);
      transition: background-color 0.4s ease;
      font-family: Arial, sans-serif;
    }
    #height {
        border: 10px;
        border-radius: 10px;
        background-color: white;
    }
    #weight {
        border: 10px;
        border-radius: 10px;
        background-color: white;
    }
    #weight-guide {
        display: grid;
      text-align: center;
      align-items: center;
      justify-content: center;
        height: 200px;
        width: 250px;
        background-color: rgb(162, 158, 158);
    }
    #results{
        display: grid;
      text-align: center;
      align-items: center;
      justify-content: center;
      gap: 100px;
    }
    .btn {
        display: grid;
      text-align: center;
      align-items: center;
      justify-content: center;
      gap: 50px;
      cursor: pointer;
    }
    .btn:hover {
      transform: scale(1.1);
    }
    .button {
        display: flex;
        gap: 15px;
    }