html {
  background: radial-gradient(ellipse at bottom, #202020 0%, #151515 100%);
  height: 100%;
}

body {
    color: #ccc;
    font-family: monospace;
    font-size: 12pt;
    padding: 5em 2em;
    text-align: center;
}

img {
    width: 256px;
}

a {
    color: #fff;
    font-weight: bold;
}

@media (max-width: 768px) {
    body {
        font-size: 10pt;
        padding: 4em 1em;
    }

    img {
        width: 128px;
    }
}

@keyframes breathe {
    0%   { opacity:1; }
    50%  { opacity:0.8; }
    100% { opacity:1; }
}
@-o-keyframes breathe {
    0%   { opacity:1; }
    50%  { opacity:0.8; }
    100% { opacity:1; }
}
@-moz-keyframes breathe {
    0%   { opacity:1; }
    50%  { opacity:0.8; }
    100% { opacity:1; }
}
@-webkit-keyframes breathe {
    0%   { opacity:1; }
    50%  { opacity:0.8; }
    100% { opacity:1; }
}
.animate-breathe {
    -webkit-animation: breathe 3s infinite;
    -moz-animation: breathe 3s infinite;
    -o-animation: breathe 3s infinite;
    animation: breathe 3s infinite;
}