html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

.bg-info-subtle {
    background-color: royalblue; 
}


.footer {
    background-color: midnightblue;
    color: white !important;
}

.footer a {
    color: wheat;
    text-decoration: none;
}


.navbar-mustard {
    background-color: #d4a017 !important; /* amarillo mostaza */

}

.navbar-mustard .nav-link,
.navbar-mustard .navbar-brand {
    color: wheat; 
}

.display-4 {
    color: darkslateblue;
    font-weight: 400;
    font-family: 'Luckiest Guy', cursive;
}

.textoInt{
    text-align: center;
    margin-top: 120px;
    font-weight: 600;
    font-size:larger
}

.preg {
    color: darkgoldenrod;
    font-family: 'Luckiest Guy', cursive;
}