body {
    margin: 0;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: monospace;
    font-size: 18px;
}
a {
    text-decoration: none;
    color: black;
}
a:hover {
    font-weight: bold;
}
.card {
    width: min(500px, 90vw);
    height: min(300px, 51.4vw);
    position: relative;
    padding: min(16px, 3vw);
}
#title {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
}
#clock {
    font-size: min(18px, 3.4vw);
    text-align: right;
    margin-top: 0.25em;
    line-height: 1.4;
    gap: 0;
}
#title p {
    font-size: min(64px, 12.2vw);
    font-weight: bold;
    margin: -0.17em 0;
    overflow: hidden;
    min-width: 0;
}
#links {
    padding: min(16px, 3vw) 0;
    font-size: min(18px, 3.4vw);
}
#email {
    position: absolute;
    bottom: min(16px, 3vw);
    right: min(16px, 3vw);
    font-size: min(18px, 3.4vw);
}