.card {
  margin: 10px;
  border-style: solid;
  border-width: 2px;
  border-color: white;
  border-radius: 10px;
}

.portfolio-view-button {
  padding-left: 50px;
  padding-right: 50px;
  padding-top: 10px;
  padding-bottom: 10px;
}

#card-pro {
  background: linear-gradient(to bottom, rgba(0,0,0,0.75), rgba(0,0,0,0.75)), url("../../assets/img/computer-8070002.jpg");
  background-size: auto, cover;
}

#card-pro:hover {
  background: linear-gradient(to bottom, rgba(0,0,0,0.85), rgba(0,0,0,0.85)), url("../../assets/img/computer-8070002.jpg");
  background-size: auto, cover;
}

#card-newbie {
  background: linear-gradient(to bottom, rgba(0,0,0,0.75), rgba(0,0,0,0.75)), url("../../assets/img/desk-5020801.jpg");
  background-size: auto, cover;
}

#card-newbie:hover {
  background: linear-gradient(to bottom, rgba(0,0,0,0.85), rgba(0,0,0,0.85)), url("../../assets/img/desk-5020801.jpg");
  background-size: auto, cover;
}