/* Estilos generales */
body {
    font-family: Arial, sans-serif;
    text-align: center;
    margin: 20px;
    background-color: aquamarine;
}

/* Estilos para elementos en línea (span) */
span.inline {
    display: inline-block;
    background-color: #e0e0e0;
    border: 2px solid #333;
}

/* Estilos para los elementos en línea (span) con diferencias notables */
/*El selector afecta al primer elemento nth-of-type(1) span con la clase inline*/
span.inline:nth-of-type(1) {
    padding: 1px;
    margin: 100px;
    border-width: 8px;
}

span.inline:nth-of-type(2) {
    padding: 50px;
    margin: 1px;
    border-width: 4px;
}

span.inline:nth-of-type(3) {
    padding: 25px;
    margin: 1px;
    border-width: 6px;
}

span.inline:nth-of-type(4) {
    padding: 10px;
    margin: 60px;
    border-width: 10px;
}

/* Estilos para elementos de bloque (div) */
div.block {
    background-color: #ffcc80;
    border: 3px solid #ff0000;
}

/* Estilos para los elementos de bloque (div) con diferencias notables */
div.block:nth-of-type(1) {
    padding: 50px;
    margin: 3px;
    border-width: 8px;
}

div.block:nth-of-type(2) {
    padding: 5px;
    margin: 3px;
    border-width: 4px;
}

div.block:nth-of-type(3) {
    padding: 5px;
    margin: 60px;
    border-width: 6px;
}

div.block:nth-of-type(4) {
    padding: 5px;
    margin: 100px;
    border-width: 10px;
}