/*GOOGLEFONT*/
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;900&display=swap');


* {
   padding: 0;
   margin: 0;
   box-sizing: border-box;
}

* {
    font-family: Roboto;
    background-color: #FFC300;
}

.header{
    padding: 2rem;
    width: 100%;

}

h1{
    font-size: 2em;
    font-weight: 900;
    color: #900C3F;
    /* text-shadow: #581845 50%; */
    text-shadow:  2px 2px 2px 2px #900C3F;
    text-transform: uppercase;
}

h2{
    font-style: italic;
    font-size: 1.4em;
    font-weight: 500;
}

h3{
    font-size: 1em;
    font-weight: 400;
}

.descripcion {
    padding: 0rem 2rem 0rem 2rem;

}

.divBoton {
    padding: 1rem 2rem 0rem 2rem;
}

.boton {
    background-color: white;
    padding: 0.5rem;
    font-weight: 900;
    border-radius: 4rem;
    transition: all 0.5s ease 0s;
}

.boton:hover {
    background-color: #900C3F;
    color: white;
}



footer{
    padding: 1rem;
}

.redes-sociales {
    display: flex;
    flex-flow: row nowrap;
    padding-bottom: 0rem 1rem 0rem 1rem;

}

.redes-sociales > a{
    color: #F6F6F6;
    padding: 0rem 1rem 0rem 1rem;
}

.redes-sociales > a:hover{
    color: #900C3F;
    transition: all 0.5s ease 0s;
}

.logo-redes {
    margin-top: 0.5rem;
    font-size: 1.4rem;
}