@import url('https://fonts.googleapis.com/css2? family= Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200; 1,300;1,400;1,500;1,600;1,700;1,800;1,900 & display=intercambiar');
@import url('https://fonts.googleapis.com/css2? family= Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100; 1200;1300;1400;1500;1600;1700;1800 & mostrar=intercambiar');

/*   'Barlow Condensed', sans-serif;   */

/*  'Barlow', sans-serif;    */

.formato{ 
    background: url(../img/FADU.jpg);

    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;

    width: 430px;
    height: 932px;

    margin: auto;
    padding: 0%;
}

header{   
    background-color: #00104E;
    height: 45px;
    width: 430px;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); 
    
    display: grid;
    grid-template-columns: 60% 40%;
    text-align: justify;
    padding-bottom: 0rem;
    padding-top: 0,1rem;
}

.hora{
    color: #FFF;

    font-family: 'Barlow', sans-serif;
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 400;

    padding-left: 1rem;
    padding-top: 0,5rem;
}

.logo { 
    margin: 100px 150px 10px 150px ; 
    height: 12rem; 
    width: 12rem; 
    text-align: center;
}

h1{

    width: 18rem;
    height: 5rem;

    color: #3A93DD;
    text-align:center;
    text-justify: center;
    font-family: 'Barlow', sans-serif;
    font-size: 3rem;
    font-style: normal;
    letter-spacing: 1rem;
    
}

a{
    text-decoration: none;
}

.titulo {
    width: 5rem;
    height: 10rem;
}

.Caja {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    margin-left: 5rem;
    margin-right: 5rem;
}

.inicio {
    margin: 1rem;
    width: 300px; 
    height: 50px; 
    position: center}

.button{
    width: 16.875rem;
    height: 3.125rem;
    border-radius: 1rem;
    background: #00104E;
    
    color: #FFF;
    text-align: center;
    font-family: 'Barlow', sans-serif; 
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    text-decoration: none;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    
    margin-top: 1rem;
}

.button2{
    width: 16.875rem;
    height: 3.125rem;
    border-radius: 1rem;
    background: #3A93DD;
    
    color: #FFF;
    text-align: center;
    font-family: 'Barlow', sans-serif; 
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    text-decoration: none;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    margin-top: 1rem;
}



hr{
    width: 18rem;
    border: none;
    border-top: 5px solid;
    border-radius: 10px;
    color: #3A93DD;
}

.footpage{
    color: #00104E;
    text-align: center;
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
}

aside{
    margin-top: 5rem;
    padding-top: 5rem;
}