@import url('https://fonts.googleapis.com/css2?family=DM+Sans&display=swap');

body {
	font-family: 'DM Sans', sans-serif;
    background-color: rgb(209, 209, 209);
    background-repeat: no-repeat;
    background-size: cover;    
}

.grid{
    text-align: center;
    justify-content: center;
    display:grid;
    grid-template-columns: repeat(5,1fr);
}

button {
    margin-top: 20px;
}

.espaciado {
	margin-left: 10px;
}

.navbar {
    background-color: rgb(57, 57, 57);
}

.navbar a{
    color: rgb(247, 247, 247);
}

.navbar a:hover{
    color: rgb(168, 167, 167);
}

.color {
    color: #323232;
}

.margen {
    margin: 30px;
    margin-left: 80px;
}

figure {
    padding-left: 55px;
    padding-right: 55px;
}

.figure-caption {
    font-size: 130%;
    color: white;
}

.container {
    width: auto;
    max-width: auto;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    overflow: hidden;
}

.container .card {
    width: 500px;
    height: auto;
    border-radius: 8px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
    overflow: hidden;
    margin: 20px;
    text-align: center;
    transition: all 0.25s;
    float: left;
    background-color: #218b82 ;
}

.container .card:hover {
    transform: translate(-15px);
    box-shadow: 0 12px 16px rgba(0, 0, 0, 0.2);
}

.container .card img {
    width: 400px;
    height: 200px;
}

/* botones */
.btn-gift {
  color: #fff;
  background-color: #393939;
  border-color: #393939;
}
.btn-gift:hover {
  color: #fff;
  background-color: #262626;
  border-color: #262626;
}
.btn-check:focus + .btn-gift, .btn-gift:focus {
  color: #fff;
  background-color: #262626;
  border-color: #262626;
  box-shadow: 0 0 0 0.25rem rgba(77, 77, 77, 0.5);
}
.btn-check:checked + .btn-gift, .btn-check:active + .btn-gift, .btn-gift:active, .btn-gift.active, .show > .btn-gift.dropdown-toggle {
  color: #fff;
  background-color: #262626;
  border-color: #262626;
}
.btn-check:checked + .btn-gift:focus, .btn-check:active + .btn-gift:focus, .btn-gift:active:focus, .btn-gift.active:focus, .show > .btn-gift.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(77, 77, 77, 0.5);
}
.btn-gift:disabled, .btn-gift.disabled {
  color: #fff;
  background-color: #393939;
  border-color: #393939;
}
/* botones */