@keyframes barra{
  0%{ width: 0%;}
  100%{ width: 100%;}
}
@keyframes aside1{
  0%{ background-color: #2d67b1; color:#fff; }
  19.99%{ background-color: #2d67b1; color:#fff; }
  20%{ background-color: inherit ; color:inherit;}
  100%{ background-color: inherit ; color:inherit;}
}
@keyframes aside2{
  0%{ background-color: inherit ; color:inherit;}
  19.99%{ background-color: inherit ; color:inherit;}
  20%{ background-color: #2d67b1; color:#fff; }
  39.99%{ background-color: #2d67b1; color:#fff;}
  40%{ background-color: inherit ; color:inherit;}
  100%{ background-color: inherit ; color:inherit;}
}
@keyframes aside3{
  0%{ background-color: inherit ; color:inherit;}
  39.99%{ background-color: inherit ; color:inherit;}
  40%{ background-color: #2d67b1; color:#fff; }
  59.99%{ background-color: #2d67b1; color:#fff; }
  60%{  background-color: inherit ; color:inherit;}
  100%{ background-color: inherit ; color:inherit;}
}
@keyframes aside4{
  0%{ background-color: inherit ; color:inherit;}
  59.99%{ background-color: inherit ; color:inherit;}
  60%{ background-color: #2d67b1; color:#fff; }
  79.99%{ background-color: #2d67b1; color:#fff;}
  80%{ background-color: inherit ; color:inherit;}
  100%{ background-color: inherit ; color:inherit;}
}
@keyframes aside5{
  0%{ background-color: inherit ; color:inherit; }
  79.99%{ background-color: inherit ; color:inherit; }
  80% {background-color: #2d67b1; color:#fff;}
  100%{ background-color: #2d67b1; color:#fff;}
}
@keyframes main1{
  0%{ z-index: 1}
  19.99%{ z-index: 1}
  20%{ z-index: 0;}
  100%{ z-index: 0;}
}
@keyframes main2{
  0%{ z-index: 0}
  19.99%{ z-index: 0}
  20%{ z-index: 1;}
  39.99%{ z-index: 1;}
  40%{ z-index: 0}
  100%{ z-index: 0}
}
@keyframes main3{
  0%{ z-index: 0;}
  39.99%{ z-index: 0;}
  40%{ z-index: 1; }
  59.99%{ z-index: 1; }
  60%{  z-index: 0;}
  100%{ z-index: 0;}
}
@keyframes main4{
  0%{ z-index: 0;}
  59.99%{ z-index: 0;}
  60%{ z-index: 1; }
  79.99%{ z-index: 1;}
  80%{ z-index: 0;}
  100%{ z-index: 0;}
}
@keyframes main5{
  0%{ z-index: 0; }
  79.99%{ z-index: 0; }
  80% {z-index: 1;}
  100%{ z-index: 1;}
}
@keyframes img1{
  0%{ opacity: 1}
  19.99%{ opacity: 1}
  20%{ opacity: 0;}
  100%{ opacity: 0;}
}
@keyframes img2{
  0%{ opacity: 0}
  19.99%{ opacity: 0}
  20%{ opacity: 1;}
  39.99%{ opacity: 1;}
  40%{ opacity: 0}
  100%{ opacity: 0}
}
@keyframes img3{
  0%{ opacity: 0;}
  39.99%{ opacity: 0;}
  40%{ opacity: 1; }
  59.99%{ opacity: 1; }
  60%{  opacity: 0;}
  100%{ opacity: 0;}
}
@keyframes img4{
  0%{ opacity: 0;}
  59.99%{ opacity: 0;}
  60%{ opacity: 1; }
  79.99%{ opacity: 1;}
  80%{ opacity: 0;}
  100%{ opacity: 0;}
}
@keyframes img5{
  0%{ opacity: 0; }
  79.99%{ opacity: 0; }
  80% {opacity: 1;}
  100%{ opacity: 1;}
}