@font-face { font-family: "KunstlerScript"; src: url("../../assets/fonts/KunstlerScript.ttf"); }

@font-face { font-family: "Darleston"; src: url("../../assets/fonts/darleston.ttf"); }

@font-face { font-family: "Alex Brush"; src: url("../../assets/fonts/alex-brush.regular.ttf"); }

@font-face { font-family: "Didot"; src: url("../../assets/fonts/Didot Regular.ttf"); }

@font-face { font-family: "Didot italic"; src: url("../../assets/fonts/Didot LT Std Italic.otf"); }

@keyframes fotoFadeInOut { 0% { opacity: 1; }
  45% { opacity: 1; }
  55% { opacity: 0; }
  100% { opacity: 0; } }

@keyframes multipleFotosFadeInOut { 0% { opacity: 1; }
  16% { opacity: 1; }
  20% { opacity: 0; }
  96% { opacity: 0; }
  100% { opacity: 1; } }

@keyframes textFadeInOut { 0% { opacity: 1; }
  35% { opacity: 1; }
  50% { opacity: 0; }
  65% { opacity: 0; }
  100% { opacity: 1; } }

body { background-color: white; color: #2a645d; margin: 0px -10px 0px -10px; padding: 250px 0px 300px 0px; font-family: "Didot italic", "Didot"; }

img { align-self: center; width: 100%; height: auto; padding: 0px 0px 0px 0px; }

.note1 { background-color: #e3eae2; }

.foto img { width: 102%; position: absolute; margin-left: 0px; height: 800px; object-fit: cover; margin-top: -110px; z-index: 0; }

.foto img { animation-name: multipleFotosFadeInOut; animation-timing-function: ease-in-out; animation-iteration-count: infinite; animation-duration: 25s; }

.foto img:nth-of-type(1) { animation-delay: 20s; }

.foto img:nth-of-type(2) { animation-delay: 15s; }

.foto img:nth-of-type(3) { animation-delay: 10s; }

.foto img:nth-of-type(4) { animation-delay: 5s; }

.foto img:nth-of-type(5) { animation-delay: 0; }

.foto img.top { position: absolute; z-index: 3; }

.oliv img { padding-left: 70px; margin-top: -20px; width: 90%; height: auto; }

.nosotros { position: absolute; top: 20%; left: 50%; z-index: 90; transform: translate(-50%, -50%); font-family: "Alex Brush"; text-align: center; line-height: 60px; color: white; font-size: 90px; animation-name: fotoFadeInOut; animation-timing-function: ease-in-out; animation-iteration-count: infinite; animation-duration: 8s; animation-direction: alternate; }

.nosotros:nth-of-type(1) { animation-delay: -8s; }

.nosotros:nth-of-type(2) { animation-delay: 0; }

.franja { position: relative; margin-top: -120px; width: 100%; height: 100px; z-index: -10; background-image: url("/assets/images/textile-white.jpg"); background-repeat: repeat; background-size: 700px; }

.fecha { text-align: center; font-family: "Darleston", papyrus, "Brush Script MT","Courier New",'Segoe UI', Tahoma, Geneva, Verdana, serif; color: #64372c; font-size: 80px; margin: 10px 10px 10px 10px; padding: 40px 0px 10px 0px; }

.direccion { text-align: center; font-size: 30px; padding: 40px 0px 0px 0px; }

p { font-size: 90px; }

a { color: #250d07; }

a:hover { color: #b60000; }

h2 { font-size: 70px; color: #86493c; }

.info { margin-top: 800px; font-size: 50px; }

.nombre { font-weight: bold; text-align: center; }

.imagen { display: block; margin-left: auto; margin-right: auto; padding-top: 40px; margin-bottom: -20px; width: 50%; height: auto; }

.descripcion { padding: 100px 110px 150px 110px; }

.hora { text-align: center; font-size: 55px; font-weight: bold; margin: 20px 10px 20px 10px; }

.evento { text-align: center; font-size: 55px; margin: 20px 10px 2 0px 10px; }

.invitado { font-style: italic; font-family: "Darleston", Apple, Chancery, cursive; text-align: center; color: #64372c; font-size: 105px; margin: -200px 10px 10px 10px; }

.texto { padding: 100px 110px 10px 70px; }

.invitacion { font-style: italic; font-family: Apple, Chancery, cursive; text-align: center; color: #64372c; font-size: 80px; }

.status { font-size: 50px; color: #3d190e; padding: 10px 110px 10px 70px; }

.status_item { padding: 10px 10px 10px 20px; }

.plato { font-style: italic; font-size: 30px; margin: 50px 0px 50px 0; text-align: center; }

.menu { font-size: 60px; padding: 50px 70px 50px 70px; text-align: center; }

.titulo { font-style: italic; font-family: Apple, Chancery, cursive; text-align: center; color: #64372c; font-size: 120px; }

.navigation { position: fixed; top: 0; width: 102%; z-index: 100; font-size: 90px; font-family: "KunstlerScript"; text-align: center; }

.navigation a { background-image: url("/assets/images/textile-white.jpg"); background-repeat: repeat; background-size: 700px; display: block; text-align: center; text-decoration: none; width: 102%; height: 100px; align-content: center; padding: 30px 10px 10px 10px; }

.navigation img { width: 400px; height: 180px; margin-left: 20px; margin-top: -20px; -webkit-transform: scaleX(-1); transform: scaleX(-1); }

.navigation #r { float: right; }

.navigation #links { display: none; }

.navigation a.icon { display: block; position: absolute; right: 0; top: 0; text-decoration: none; }

.extra { font-style: italic; }

.inve { padding: 20px 40px 20px 70px; }

/*# sourceMappingURL=styles.css.map */