body {
    width: 90%;
    margin: 0 auto;
    margin-top: 1rem;
    background-color: black;
  }
  .heading {
      text-align: center;
      font-weight: 100;
      color: white;
  }

  #text {
    width: 100%;
    height: 50vh;
    border: 5px solid gray;
    font-size: 1.2rem;
    color: rgb(43, 43, 43);
  }
  label{
      color: white;
      font-size: 1.5rem;
      font-weight: 100;
      margin-top: 5px;
      padding-right: 10px;
  }
  input{
      width: 80px;
      height: 25px;
      margin-top: 5px;
  }
  input:hover{
    color: white;
    background-color: black;
    border: 1px solid lightgray;
  }
 
  button{
      width: 80px;
      height: 30px;
      margin-top: 5px;
  }
  button:hover{
      color: white;
      background-color: black;
      border: 1px solid lightgray;
  }