@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@600&family=Sarpanch:wght@400;800&display=swap");
@media (max-width: 480px) {
  .carta {
    height: 12rem !important;
  }
}
.carta img {
  max-width: 70%;
}

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

* {
  box-sizing: border-box;
  margin: 0;
}

html {
  font-size: 62.5%;
}

h1 {
  font-size: 3.6rem;
}

p {
  font-size: 1.6rem;
}

.marcador {
  text-transform: uppercase;
}

h2 {
  font-size: 3rem;
  margin-bottom: 0.5rem;
}

img {
  max-width: 90%;
}

body {
  font-family: "Sarpanch", sans-serif;
}

.btn-info {
  border: #4c84e6;
}

.header {
  background-color: #4c84e6;
  padding: 3rem;
  border-bottom: 1px solid black;
}

.nav-link {
  color: white;
  font-size: 3.5rem;
  text-decoration: none;
  text-transform: uppercase;
}

.nav-link:hover {
  font-style: italic;
  color: white;
}

.active {
  color: gold;
}

.header__titulo {
  position: relative;
  left: 9rem;
}

main {
  background-image: url("img/homer.jpg");
  background-position: left bottom;
  background-size: 50%;
  background-repeat: no-repeat;
  max-width: 95%;
  display: flex;
  flex-wrap: wrap;
  font-family: "Sarpanch", sans-serif;
  margin: auto;
}

.contenedor-grid {
  width: 90%;
}

.carta {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 15rem;
  text-align: center;
  background-image: url("../img/fondo-carta.jpg");
  background-size: cover;
  border: 4px solid black;
  box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
}

.botones-barra {
  font-size: 1.6rem;
  width: 100%;
  display: flex;
  margin: 2rem;
  padding: 2rem;
  justify-content: space-around;
  flex-wrap: wrap;
  text-align: center;
}

table, tr, td, th {
  text-align: center;
  border: 1px solid black;
  border-collapse: collapse;
  font-size: 1.8rem;
}

#barra_informativa {
  padding: 2rem;
  font-size: 2.5rem;
}

#mostrar {
  display: none;
}

.prevent-click {
  pointer-events: none;
}

#modalNick {
  font-size: 1.8rem;
}

.juego {
  margin-top: 2rem;
}

#juego.row {
  height: 20rem;
}

.cara-delantera {
  background-color: white;
  background-image: url("");
  border: 1px solid black;
}

.correcta {
  box-shadow: 9px 7px 2px -6px #1AAE00;
}

.sidebar {
  padding-left: 2rem;
  margin: auto;
}

#tagDescCompleta {
  max-height: 30rem;
  overflow: scroll;
}

.sidedar__publi, .sidedar__publi img {
  margin: 2rem auto;
  text-align: center;
}

.footer {
  margin-top: 3rem;
  padding: 3rem;
  background: linear-gradient(180deg, #020024 0%, #3b0164 100%);
  text-align: center;
  color: white;
  font-size: 1.6rem;
  font-family: "Sarpanch", sans-serif;
}

.sidebar p::-moz-selection {
  color: indigo;
  font-weight: 700;
}

.sidebar p::selection {
  color: indigo;
}

.btn {
  background-color: white;
  border-collapse: collapse;
  border-radius: 0.5rem;
  font-size: 3rem;
  padding: 2rem auto;
}

.btn:hover {
  background-color: #4c84e6;
}

button:hover {
  font-weight: 700;
}

header .btn-group-lg > .btn, header.btn-lg {
  font-size: 2rem;
}

header .btn-group-lg > .btn:hover, header .btn-lg {
  background-color: indigo;
  color: white;
}

/* informacion */
.info-cartas {
  background-color: #e6e6e6;
  background-image: url("../img/logo.png");
  background-repeat: no-repeat;
  background-position: 85% 85%;
  background-size: 10rem;
}

.card > img {
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
  max-height: -webkit-max-content;
  max-height: -moz-max-content;
  max-height: max-content;
}

accordion-item {
  font-size: 2rem;
}/*# sourceMappingURL=sandra.css.map */