body{
    margin: 40px;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
  }
  input{
    height: 40px;
    width: 50%;
    border: 1px solid rgb(200, 200, 200);
    border-radius: 2px;
    padding-left: 10px;
    font-size: 20px;
  }
  p{
    font-size: 20px;
    padding: 0 0px;
  }
  .submit-btn{
    margin: 20px;
    height: 50px;
    width: 180px;
    border-radius: 5px;
    border: 1px solid green;
    background: none;
    color: green;
    transition: 0.5s;
  }
  .submit-btn:hover{
    background-color: green;
    cursor: pointer;
    color: white;
  }

  footer{
    margin: 120px 0 0 0;
  }

  .api_data{
    background-color: rgb(235, 235, 235);
    padding: 50px 100px;
    border-radius: 5px;
    margin: 20px 0;
  }

  .api_data img{
    height: 100px;
    border-radius: 10px;
  }

  .api_data button{
    padding: 20px 50px;
    border: 1px solid rgb(4, 100, 203);
    color:rgb(4, 100, 203);
    background: none;
    transition: 0.5s;
    border-radius: 5px;
  }
  
  .api_data button:hover{
    background-color: rgb(4, 100, 203);
    color: white;
    cursor: pointer;
  }