@charset "UTF-8";

body#index{
  background: linear-gradient(to top, #0007DE, #00035E);
  background-attachment: fixed;
  text-align: center;
}

body#hover{
background: linear-gradient(to top, #FA0019, #7A000D);
background-attachment: fixed;
text-align: center;
}

.d1, .d2, .d3{
  display:inline-block;
  font: 19px Arial, sans-serif;
  background-color: rgb(163, 163, 163);
  border: 2px solid black;
  text-align: center;
  height: 200px;
  width: 200px;
}

.d1:hover{
  background-color: rgb(0, 172, 172);
  color: rgb(161, 0, 0);
}

  .d2:hover{
    background-color: black;
    color: white;
}

 .d3:hover{
   background-color: darkblue;
   color: lightgreen;
}

  div > div {
    display: none;
}

  div#principal_hover{
    width: 19vw;
    margin: auto;
    border: 3px solid lightblue;
}

  div#principal_hover:hover{
    color: red;
}

  div#principal_hover:hover > div{
    display: block;
}
  
  .texto{
    font:italic small-caps bold 16px georgia, serif ;
}