html, body {
    width: 100%;
    height: 100%;
    font-family: 'Share Tech Mono', monospace;
    font-size: 3.6vw;
    overflow: hidden;
}

html, body, small {
    color: rgba(0, 0, 0, .35);
}

html {
    padding: 1.5vw;
    background: #FFF;
}

body {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;

    background: rgb(13, 170, 128);
    background: -moz-linear-gradient(-45deg, rgba(13, 170, 128, 1) 1%, rgba(9, 124, 98, 1) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(13, 170, 128, 1) 1%, rgba(9, 124, 98, 1) 100%);
    background: linear-gradient(135deg, rgba(13, 170, 128, 1) 1%, rgba(9, 124, 98, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0daa80', endColorstr='#097c62', GradientType=1);
}

small {
    font-size: .5em;
}

/* Optional: stabilize size on huge screens */
/*
html, body { font-size: clamp(14px, 3.6vw, 64px); }
*/