html {
  height: 100%;
  width: 100%;
}
.cardP {

  padding: 30px;
  box-shadow: 8px 14px 38px rgba(39,44,49,.06), 1px 3px 8px rgba(39,44,49,.03);
  transition: 0.3s;
  background-color: white;
  margin-bottom: 20px;
  border-radius: 5px;
  opacity: 1;
  width: 20%;

}
.card-image {
  margin-left: 8px;
  height: 200px;
  width: 250px;
  border-radius: 5px;
}
.buyButton {

   text-align: center;
   border-radius: 1px;
   background-color: black;
   font-family: Georgia;
   text-decoration: none;
   padding: 10px ;
   border-radius: 5px;
   border-color: black;
   border: 0.5px solid #333333;
 }

.buyButton:link {
  color: white;
}

.buyButton:visited {
  color: black;
}


.buyButton:hover {
  color: black;
  background-color: white;
  font-weight: bold;

}

.buyButton:active {
  color: grey;
}

.circle {
  height: 10px;
  width: 10px;
  background-color: white;
  border-radius: 50%;
}



#topSkip:link {
  color: white;
}

#topSkip:visited {
  color: white;
}


#topSkip:hover {
  color: white;
  font-weight: bold;

}

#topSkip:active {
  color: grey;
}