/* Import Google font - Poppins */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap');


@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap');

* {
  font-family: "Poppins", sans-serif;
}

body {
  background: linear-gradient(to bottom right, #020024, #090979, #00d4ff);
}

body .container {
  max-width: 1100px;

  font-family: "Nunito", sans-serif;
}

#filter-buttons button {
  border-radius: 3px;
  background: #fff;
  border-color: transparent;
}

#filter-buttons button:hover {
  background: #ddd;
}

#filter-buttons button.active {
  color: #fff;
  background: #6c757d;
}

#filterable-cards{
    justify-content: center;
}

#filterable-cards .card {
  width: 15rem;
  border: 2px solid transparent;
}

#filterable-cards .card.hide {
  display: none;
}

img{
    width: 100%;
    height: 160px;
}

@media (max-width: 600px) {
  #filterable-cards {
    justify-content: center;
  }

  #filterable-cards .card {
    width: calc(100% / 2 - 10px);
  }
}

.gradient-custom{
  background: #6a11cb;

  background: -webkit-linear-gradient(to right, rgba(106,17,203,0.9), rgba(37, 117, 252, 0.9));

  background: linear-gradient(to right,  rgba(106,17,203,0.9), rgba(37, 117, 252, 0.9));
}

#powerd{
  background: -webkit-linear-gradient(#eee, #333);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size: 25px;
}

#head-eagle{
  background: -webkit-linear-gradient(black, #eee);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size: 25px;
font-family:Georgia, 'Times New Roman', Times, serif;
}