/* CSS ajustado para recriar o visual do anexo */

body {
    /* 1. "a margin é cinza" */
    /* Define o fundo da página inteira como um cinza claro. */
    background-color: #E0E0E0; 
}

.container {
    /* Esta é a caixa de conteúdo que fica no centro */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 600px; /* Largura da caixa */

    /* 2. "a border é branca" */
    /* Define o fundo da caixa como branco. */
    background-color: #FFFFFF;

    /* 3. "o padding é onde está a imagem" */
    /* Adiciona um espaçamento interno para a imagem não colar nas bordas da caixa branca. */
    padding: 500px; 
    
    /* Extra: Adiciona uma sombra sutil para dar profundidade, como na imagem. */
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.image {
    width: 100%;
}

.image img {
    width: 100%;
    display: block; /* Remove pequenos espaços em branco abaixo da imagem */
}

.email {
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    text-align: left;
    margin-top: 15px; /* Aumenta um pouco a distância entre a imagem e o e-mail */
}

.email a {
    /* 4. "simula um link azulzinho e sublinhado" */
    color: #0000EE; /* Um azul clássico de link */
    text-decoration: underline; /* Adiciona o sublinhado */
}