@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;600;700&display=swap');

@keyframes color {
    0%   { background: #115e59; }
    15%  { background: #155e75; }
    30%  { background: #0c4a6e; }
    45%  { background: #172554; }
    60%  { background: #1e293b; }
    75% { background: #111827; }
    90% { background: #1a2e05; }
}

html, body {
    font-family: 'Roboto', sans-serif;
    color: #fafaf9;
    background: #115e59; /* Fallback */
    animation: color 15s infinite linear backwards;
    letter-spacing: 0.26px;
    padding: 0;
    margin: 0;
}

* {
    box-sizing: border-box;
}

a, a:hover {
    color: inherit;
    text-decoration: none;
}


.content {
    display: grid;
    justify-items: center;
    align-content: center;
    min-height: 100vh;
    text-align: center;
}

.title {
    font-size: 4em;
    line-height: 0.75;
    margin-bottom: 0;
}

.subtitle {
    font-size: 1.25em;
    line-height: 1;
    font-weight: 600;
    letter-spacing: 0.96px;
    margin-bottom: 1.5rem;
}

.text {
    font-weight: 500;
}

@media(max-width: 496px) {
    .title {
        font-size: 3em;
    }
}