html, body { 
    height: 100%;
    font-family: 'Roboto', sans-serif;
    color: #303030;
}

.container {
    max-width: 800px;
    margin: 24px auto;
    padding-bottom: 24px;
}

.container a {
    color: blue;
    text-decoration: underline;
    font-weight: 600;
}

.container ul li {
    list-style-type: disc;
}

div.letter {
    box-shadow: 1px 1px 4px rgba(0,0,0,0.5);
    line-height: 125%;
    padding: 96px;
    font-family: 'Times New Roman', Times, serif;
}

div.letter ul {
    padding-left: 48px;
    list-style-position: outside;
}

div.letter .highlight {
    font-size: 115%;
    text-align: center;
    font-weight: bold;
}

div.letter .links {
    font-size: 125%;
    line-height: 175%;

    margin-top: 36px;
    margin-bottom: -16px;
    text-align: center;

}

div.letter .signatures {
    column-count: 3;
    column-gap: 20px;
    width: 100%;
    padding: 10px;
    white-space: pre;    
    margin: 24px 0;
}


@media (max-width: 480px) { /* Adjust the max-width as needed */
    div.letter { 
        padding: 8px; 
        box-shadow: none;
    }

    div.letter .signatures {
        column-count: 1;
    }
}