@font-face {
    
    font-family: 'pixelfonth1';
    src: url('tipografia/aston-script.woff2') format('truetype');
    font-weight: 400;
    font-style: normal;
    
    font-display: swap;
    /* Tipografia cursiva que esta en la portada con el nobre de la quinceañera
    su nombre es Aston Script.ttf*/
}

@font-face {
    
    font-family: 'pixelfontS1';
    src: url('tipografia/cherolina.woff2') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    /* Tipografia cursiva que que ocupo para la fecha del evento, es una cursiva
    ultra fina, el nombre de esta fuente es Cherolina.ttf*/

}

@font-face {
    
    font-family: 'pixelfontS3';
    src: url('tipografia/Hattinand.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
    /* Tipografia cursiva que ocupo titulos de cada sección, como ubicaciones,
    mesa de regalos y contacto, el nombre de la tipografia es Hattinand.otf*/
}

@font-face {
    
    font-family: 'pixelfontS2';
    src: url('tipografia/Gladis.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    
}






#encabezado {
    
    color: white;
    font-family: sans-serif;
}


.texto1 {
    
    font-family: 'pixelfonth1', sans-serif;
    font-size: 100px;
}

.fecha1 {
    
    font-family: 'pixelfontS1';
    font-size: 50px;
}

.amp{
    
    color: rgb(231, 196, 109);
}



.misxv,
.cdmx {
    
    font-family: "Source Serif 4", serif;
    font-size: 30px;
}


.contenedor {
    
    position: relative;
    z-index: 2;
}






#frase {
    
    font-size: 15px;
    letter-spacing: 3px;
    font-family: "Montserrat", sans-serif;
    font-weight: 300;
    line-height: 25px;
}

.cita{
    
    font-size: small;
    font-style: italic;
    font-weight: bold;
}




.numero-regresivo {
    font-family: "Ms Madi", cursive;
    font-size: 40px;
    font-weight: 400;
    font-style: normal;
    color: rgb(0, 0, 0);
}

.label {
    
    font-size: 15px;
    font-style: italic;
}




#invitacion>p {
    font-size: 21px;
}

#invitacion b {
    font-size: 25px;
}



#ubicaciones p {
    font-size: 15px;
    /* Se aplica reducción de tamaño de fuente debido a que se
    generalizo en agrupacion de p y en esta area se necesita un poco
    mas pequeña la fuente*/
}

#ubicaciones .iglesia,
#ubicaciones .salon {
    font-family: "Noto Serif Display", serif;
    font-size: 22px;
    font-weight: 400;
    letter-spacing: 2px;
    /* Se aplica cambio de fuente y tamaño para dar formato
    a letras de la iglesia y el salon*/
}

.hora{
    
    font-weight: 300;
    font-style: italic;
}






#codigodevestimenta>p {
    font-family: "Noto Serif Display", serif;
    font-size: 15px;
    font-weight: 300;
    letter-spacing: 25px;
}


#codigodevestimenta > #reservatex {
    letter-spacing: 6px;
    font-weight: 150;
    
}





#contacto>button {
    width: 200px;
}

/* Este fragmento de codigo se usa para corregir el 
tamaño del boton de esta area debido a que al generalizar
las medidas del boton, este quedo más pequeño */





#noniños>p {
    font-size: 11px;
    font-family: sans-serif;
    text-transform: uppercase;
    letter-spacing: 5px;
    font-weight: 100;
}



#piedepagina {
    font-size: 11px;
    text-transform: uppercase;
}




p {
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 150;
    font-style: normal;
    /* Se aplica cambio de fuente y tamaño para dar formato
    general a texto del cuerpo*/
}





h2,
b {
    font-family: 'pixelfontS3', sans-serif;
    font-size: 25px;
    letter-spacing: 5px;
    color: #947647;
}





h3 {
    font-family: 'pixelfontS1';
    font-size: 35px;
    transform: scale(1, 1.2);
    color: #947647;
}





button {
    
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 100;
    color: white;
    
    background-color: #baa684;
    border: 0;
    height: 35px;
    width: 150px;
    border-radius: 7px;
}