*{
    box-sizing: border-box;
}


body{
    background-image: url(../img/pattern.gif);
}
#contenedor{
    width: 100%;
    height: 400px;
    background-color: grey;
    display: flex;
    flex-wrap: wrap;
    padding: 10px;
    justify-content: space-between;
    border: 10px black;

    
}
#titulo{
    width: 100%;
    height: 250px;
    background-color: rgb(192, 192, 192);
    height: 80px;
    margin: 20px auto;
    text-align: center;
    border-bottom: 10px double;
    font-size: 30px;

}
#bloque1{
    width: 30%;
    height: 150px;
    background-color: rgb(24, 250, 16);
    text-align: left;
    
    font-size: 30px;

}
#bloque2{
    width: 38%;
    height: 150px;
    background-color: rgb(16, 51, 250);
    text-align: center;

    font-size: 30px;
}
#bloque3{
    width: 30%;
    height: 150px;
    background-color: rgb(246, 250, 16);
    text-align: right;
    
    font-size: 30px;
}