body {font-family: "Times New Roman", serif;
      color:#665500;
      animation: fadein 4s;
      -moz-animation: fadein 4s; /* Firefox */
      -webkit-animation: fadein 4s; /* Safari and Chrome */
      -o-animation: fadein 4s; /* Opera */}
.fab, .far, .fas {
  color: #665500;}
.fondo-gris {
  background-image: linear-gradient(to right, #eeefdd, white);}
.borde-oro {
  border: 1px solid #aaaa00;}
.sl {
  word-wrap: break-word;
  overflow-wrap: break-word;
  -webkit-hyphens: auto;
  -epub-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;}
.sub-oro {
  border-bottom: 1px solid #aaaa00;}
.t-centrado {
  text-align: center;}
.t-derecha {
  text-align: right;}
.t-5vw {
  font-size: 5vw;}
.t-3vw {
  font-size: 2vw;}
.marco, li {
  margin: 5px;
  padding: 2px;}
.degradado {
  height: 22px;
  background-color: #ffcc00;
  background-image: linear-gradient(to top right, #ddbb00, white);}
.dropdown-menu {
  display: block;
  opacity: 0;
  visibility: hidden;
  transform: translateY(20%);
  transition: all .9s;}
.dropdown:hover .dropdown-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0%);}
@keyframes         fadein {
 from {opacity:0;}
   to {opacity:1;}}
@-moz-keyframes    fadein { /* Firefox */
 from {opacity:0;}
   to {opacity:1;}}
@-webkit-keyframes fadein { /* Safari and Chrome */
 from {opacity:0;}
   to {opacity:1;}}
@-o-keyframes      fadein { /* Opera */
 from {opacity:0;}
   to {opacity: 1;}}