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 {
    background-color: rgba(128, 128, 128, 0.1);
    box-shadow: 1px 5px 3px 1px rgba(0, 0, 0, 0.6);
    transition: box-shadow 0.3s ease, background-color 0.3s ease;
  }
  .card {
    border: none; /* Remove border */
    margin-bottom: 15px; /* Add some spacing between cards */
  }

#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://static.vecteezy.com/system/resources/thumbnails/026/781/389/small_2x/gym-interior-background-of-dumbbells-on-rack-in-fitness-and-workout-room-photo.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    color:white;
    
}