body {
    overflow-x: hidden; background: rgb(162,174,186);
background: linear-gradient(90deg, rgba(162,174,186,1) 0%, rgba(152,238,255,1) 50%, rgba(199,138,200,1) 98%, rgba(136,111,135,1) 109%);
    font-size: 30px;
}

@font-face {
    font-family: "Parisienne";
    src: url(../fonts/Playball.ttf) format("truetype");
}

@font-face {
    font-family: "CENTURI_GOTHIC";
    src: url(../fonts/GOTHIC.TTF) format("truetype");
}

@font-face{
    font-family:"Grand-Rainbow-Demo";
    src: url(../fonts/Grand-Rainbow-Demo.ttf) format("truetype");
}

@font-face{
    font-family:"Allison";
    src: url(../fonts/Allison.ttf) format("truetype");
}

@font-face{
    font-family:"SEGOE";
    src: url(../fonts/Oregano.ttf) format("truetype");
}

.cuentaRegresiva{
    width: 100%;
    height: 350px;
    background-image:url(../imgs/reloj.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-attachment:fixed;
    background-size:cover;

}

.fondoAnimado{
    background-image: url(../imgs/fnd01.png);
    animation-duration: 60s;
    animation-name: moverFondo;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-timing-function: linear;

}

.nombreFestejado{
    font-size: 2em;
}

.invitacion{
    max-width: 650px;
    margin:0px auto;
}

.fotoRedondeada{
        border-radius:3%; margin-top: 10px; box-shadow: 4px 4px 10px 4px rgba(0, 0, 0, 0.2);
}


.carousel-image{
    /*width:100vw;*/
    height: 100vh;

    animation-duration: 8s;
    animation-name: zoomin;
    animation-iteration-count: infinite;
    animation-direction: alternate;


}

.textosInteriores{
    font-family: "SEGOE";
    font-size: 1.3em;
    color: aliceblue;
    text-shadow: 1px 1px 2px black;
    line-height:34px;
    /*background-color: blue;*/

}

.textosTitulos{
    font-family: "Allison";
    font-size: 2.5em;
    color: #fff;
    text-shadow: 1px 1px 2px black;
    line-height:1.5em;
    /*background-color: blue;*/

}

.container {
  position: relative;
    height: 20%;
    width: 100%;
    /*background-color: aqua;*/
}

.centered-element {
    width: 100%;
  margin: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-150%);
}

.textoNormal{
    margin-top: 35px;
    font-family: "SEGOE";
    font-size: 25px;
    color: aliceblue;
    text-shadow: 1px 1px 2px black;
    line-height:25px;
}

.textoCuentaRegresiva{
    margin-top: 50px;
    font-family: "CENTURI_GOTHIC";
    font-size: 2em;
    color: aliceblue;
    text-shadow: 1px 1px 2px black;
    line-height:1em;
}

.mitadAncho{
    margin-top: 50px;
    /*max-width: 75%;*/
}

.c-negro{
    color:#333;
    text-shadow: none;
}


.fadeInAnimation{
    animation-duration: 1.5s;
    animation-name: fadein;
    animation-iteration-count: 1;
}



.aparecible{

}

@keyframes moverFondo {
  from {
    background-position: 0% 0%;
  }

  to {
   background-position: 0% 100%;
  }
}


@keyframes fadein {
  from {
    opacity: 0.0;
  }

  to {
   opacity: 1.0;
  }
}

@keyframes zoomin {
  from {
    background-size: auto 100vh;
  }

  to {
    background-size: auto 115vh;
  }
}

@media (max-width: 500px) {
  /* … */


    body{
        font-size:25px;
    }
}