/* 
 * Layout
 */
body {
    background: #1A1A1A;
    font-family: Helvetica, Arial, sans-serif;
    color: #DDD;
    height: 100vh;
    margin: 1rem;
}

a:link {
    color: #0EE;
}

a:visited {
    color: #E0E;
}

li {
    list-style: none;
}

header h1 {
    font-size: 3.5rem;
    font-weight: bold;
}

main h2 {
    font-size: 2.75rem;
    font-weight: bold;
    cursor: pointer;
}

main div.content {
    opacity: 0;    
    height: 0;
    visibility: hidden;    
    overflow: hidden;
    transition: opacity 2s ease;
}

main div.content.open {    
    opacity: 1;
    height: auto;
    visibility: visible;    
    padding: 1rem 0;
}

footer  {
    width: 100%;
}