.email-details {
    background-color: #bdb4a4;
    padding: 10px;
    border-radius: 10px;
}

.email-details > summary {
    /* Для того, что бы summary не имел отступы */

    margin: 0;

    /* Только имя с указательным курсором */
    cursor: pointer;
}

.link {
    color: #000000;
    text-decoration: underline dotted;
}

.mail-picture {
    border: 2px solid #000000;
    border-radius: 5px;
    user-select: none;
}

/*
===== ADAPTIVE =====
===== NOTE: This is an adaptive width for email picture for different resolutions =====
*/

@media (max-width: 425px) {
    .mail-picture {
        width: 250px;
    }
}

@media (max-width: 360px) {
    .mail-picture {
        width: 200px;
    }
}

@media (max-width: 295px) {
    .mail-picture {
        width: 175px;
    }
}

@media (max-width: 265px) {
    .mail-picture {
        width: 150px;
    }
}