h4, .card-text{
    font-family: "Parkinsans", sans-serif;
    /* font-optical-sizing: auto; */
    /* font-weight: ; */
    /* font-style: normal; */
    font-size:10px
  }
  
  #button1, #button2{
      background-color: blue;
      color:white;
      width:115px;
  
  }
  
  #button1:hover{
      color:blue;
      background-color: white;
      border:1px solid blue;
      font-weight: 500;
  }
  #button2:hover{
      color:blue;
      background-color: white;
      border:1px solid blue;
      font-weight: 500;
  }
  
  .card:hover{
    border: 1px solid black;
    background-color: rgba(128, 128, 128, 0.1);
    box-shadow: 1px 5px 3px 1px rgba(0, 0, 0, 0.6);
  
  }
  
  #button3 {
      background-color: blue;
      color:white;
      width:115px;
  
  }
  #button3:hover{
      color:blue;
      background-color: white;
      border:1px solid blue;
      font-weight: 500;
      
  }
  
  #dropbox{
      background-color: blue;
  }
  
  #dropitem{
      color:white;
  }
  #dropitem:hover{
      color:blue;
  }
  
  #banner{
      margin-top: 8%;
      background-image: url(https://img.freepik.com/premium-photo/tennis-ball-water-with-racket-tennis-balls_854727-146842.jpg);
      background-repeat: no-repeat;
      background-size: cover;
      color:white;
      
  }