@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@300&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@500&display=swap");

html,
body {
  height: 92vh;
  margin: 0;
  padding: 0;
  font-family: "Montserrat:wght@300", sans-serif;
  background: #fff;
}

#select-champions {
  width: 200px;
  height: 50px;
  font-size: large;
}

#cards-content {
  background: #fff;
}

.card-image {
  width: 200px;
  height: 200px;
  background: #fff;
}

.card-body {
  min-height: 305px;
  max-height: 305px;
  background: #212529;
  border-radius: 0 0 3px 3px;
  color: rgb(233, 233, 233);
}

.card-body p {
  color: rgb(197, 197, 197);
}

.select-button {
  margin-top: 10px;
}

.battle-cards-div {
  display: flex;
  justify-content: center;
}

.drop-shadow {
  filter: drop-shadow(0 0 7px rgba(0, 0, 0, 0.35));
}

.home-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.sw-background {
  max-width: 375px;
  /*  width: 500px;
  height: 280px; */
}

.box-image {
  display: flex;
  justify-content: center;
  background: #fff;
  border-radius: 5px 5px;
}

h4,
a {
  color: #ffd000;
}

footer {
  background: #212529;
}

footer a {
  color: #ffd000;
}