body {
    font-family: Arial, sans-serif;
}
.container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
}
.header {
    padding: 20px;
    text-align: center;
    color: #00ff00;
}
.content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;

}
.content .box {
    flex: 1 1 300px;
    margin: 10px;
    padding: 20px;
    color: #ffff00;
    background-image: url('font.png');
}
@media (max-width: 768px) {
    .content .box {
        flex: 1 1 100%;
    }
}
.entra {
    font-size: 5em;
}
.muroazul{
     background-image: url('muroazul.gif');
}

.enlace{
    color: #00ff00;
}