body {
    background-image: url(/imgInfinita/IreneoArnoisfondo.png);
  }
  .imgReal {
    background-image: url(/imgInfinita/IreneoArnoisfondocolor.jpg);
  }

  #contenedorPagInf{
    grid-template-columns: repeat(98, 1vw);
    grid-template-rows: repeat(190, 1vh);
    }
    
#articulo15{
  grid-area: 3/13/140/60;
}
#texto15{
  padding: 2vw;
  background-image: linear-gradient(180deg, #ffffb1 0, #ffeca7 25%, #f2d59d 50%, #dcbf93 75%, #c7ac8a 100%);
  column-count: 2;
  text-indent: 1vw;;
  text-align: justify;
  padding-top: 5vh;
}
h2{
  margin-top: -1vh;
  font-size: 1.7vw;}
#contenedorPagInf{
  grid-template-rows: repeat(160, 1vh);
}


#articulo15:hover,
#gramatica:hover,
#dialectica:hover,
#retorica:hover,
#aritmetica:hover,
#geometria:hover,
#musica:hover,
#astronomia:hover{
  box-shadow: 2px 2px 2px black, 3px 3px 6px black;
}



#trivium{
  grid-area: 3 /62/90/ 96;
  background-image: url(/imgInfinita/SieteArtesfondo.png);
  background-size: cover;
  background-repeat: no-repeat;
}

#trivium img{
  box-shadow: 1px 1px 3px black;
}


#gramatica,
#dialectica,
#retorica,
#aritmetica,
#geometria,
#musica,
#astronomia{
  background-repeat: no-repeat;
  background-size: contain;
  box-shadow: 1px 1px 3px black;
  background-position: 1vw;
  background-color: white;
  width: 30vw;
  height: 9vh;
}

#gramatica{animation-delay: 1s;}
#dialectica{animation-delay: 2s;}
#retorica{animation-delay: 3s;}
#aritmetica{animation-delay: 4s;}
#geometria{animation-delay: 5s;}
#musica{animation-delay: 6s;}
#astronomia{animation-delay: 7s;}

#gramatica p,
#dialectica p,
#retorica p,
#aritmetica p,
#geometria p,
#musica p,
#astronomia p{
  margin-left: 5vw;
  margin-top: 2vw;
  font-size: 1vw;
}

#gramatica{
  grid-area: 92 /64;
  background-image: url(/imgInfinita/Gramatica.png);
}
  
#dialectica{
  grid-area: 102 /64;
  background-image: url(/imgInfinita/Dialectica.png);
  }

  #retorica{
    grid-area: 112 /64;
    background-image: url(/imgInfinita/Retorica.png);
    }

    #aritmetica{
      grid-area:122 /64;
      background-image: url(/imgInfinita/Aritmetica.png);
      }
      #geometria{
        grid-area: 132 /64;
        background-image: url(/imgInfinita/Geometria.png);
        }
        #musica{
          grid-area: 142 /64;
          background-image: url(/imgInfinita/Musica.png);
          }
          #astronomia{
            grid-area: 152 /64;
            background-image: url(/imgInfinita/Astronomia.png);
            }

        .cortina{
              animation-name: iris;
              animation-duration: 4s;
              animation-fill-mode: forwards;
            }
            @keyframes iris{
              0% {box-shadow: 1px 1px 2px black;}
             20%{box-shadow: 2px 2px 2px black, 2px 2px 3px #ffeca7;}
            40%{box-shadow: 2px 2px 5px #ffffb1, 3px 3px 5px #ffeca7;}
            60%{box-shadow: 2px 2px 2px #ffffb1, 3px 3px 2px #ffeca7;}
            80%{box-shadow: 2px 2px 5px #ffffb1, 3px 3px 5px #ffeca7;}
            100% {box-shadow: 1px 1px 3px black;}
}