@font-face {
    font-family: DIN;
    src: url("DINRegularAlternate.woff2") format("woff2"),
        url("DINRegularAlternate.woff") format("woff");
}

html,
body {
    height: 100%;
    overflow: hidden;
    background: #d1d0cf;
    color: #6e706e;
    text-align: center;
    font-family: DIN, sans-serif;
}

.centrado {
    height: 100%;
    width: 100%;
    display: table;
}

.envolvente {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
}

span,
a {
    display: block;
    padding: 10px;
}

svg {
    width: 200px;
    height: auto;
}

.mail {
    text-decoration: none;
    color: #6e706e;
}

.mail:hover {
    opacity: 0.5;
}