* {
    margin: 0rem;
    padding: 0rem;
    box-sizing: border-box;
    font-family: 'Roboto Condensed', sans-serif;
    border-radius: 0rem
    
}

body{
    background-color: #4593C7;
    max-width: 940px;
    flex-direction: column;
    justify-content: space-between;
    
}

.centered{
    margin: 0 auto;   
}




.app{
    background-color:white;
}


.text-blue{
    color: white;
text-align: left;}

.texto{
    color: #4593C7;
    font-size: 0.9rem;
    margin-left: 0%;
    text-align: left;
}
.texto p{
    font-size: 0.8rem;
    margin-bottom: 3%;
text-align: left;}



h1, h2, h3{
    text-align: center;
    padding: 0 0 8px 0;
}

h1 {
    font-size: 4.5rem;
    color: white;
}
h2{
    color:darkturquoise;
font-size: 2.8rem;}

h3{
    font-size: 14px;
    color:white;
}

h5{
    font-size: 1.2rem;
    margin: 2% 0 0% 0;
text-align: left;}

section{
    justify-content: space-between;
    margin: 2%
}

.flex-centered{
    justify-content: center;   
}

.celular{
    height: 200px;
}

.descarga{
    height: 40px;
}

a{color:#666666;
    text-decoration: none;
    font-family:'Anton', sans-serif;
text-align: center;
align-items: center;
font-size: 1.5rem;
color:darkturquoise;}

#descarga  {color:darkturquoise;
    text-decoration: none;
    font-family: sans-serif;
text-align: center;
align-items: center;}

.flex{
    display: flex;    
}



.contenedor{
    flex-direction:column;
}

main{
    border-radius: 0%;
    justify-content:center;
    margin: 2%;
    padding: 1%;
}

main div div{
    padding: 0 3%;
}

main div{
    align-items: center
}



article{
    width: 30%;
    background-color:#336699;
    padding: 16px;
    color:black;
    font-size: 0.7rem;
}