@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&family=Open+Sans:wght@400;700&family=Lato:wght@400;700&family=Montserrat:wght@400;700&display=swap');

body {
    font-family: 'Roboto', sans-serif;
}

.div {
    width: 100px;
    height: 100px;
    background-color: blue;
    margin: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: white;
}

.blue {
    background-color: blue;
    font-family: 'Open Sans', sans-serif;
}

.yellow {
    background-color: yellow;
    font-family: 'Lato', sans-serif;
    color: black; /* Cambiar el color del texto para que sea legible en fondo amarillo */
}

.red {
    background-color: red;
    font-family: 'Montserrat', sans-serif;
}