h1 {
    color: white;
    font-size: 1.5em;
    text-align: center;
    font-family: 'Lato-Bold', serif;
}

h2 {
    text-align: left;
    font-size: 1.3em;
    text-decoration: underline;
    font-family: 'Lato-Bold', serif;
}

body {
    overflow: scroll;
}

article {
    margin: 0 20px;
    font-family: 'Lato-Regular', serif;
    text-align: left;
}

article p {
    text-align: left;
    font-size: 15px;
    line-height: 1.5em;
}

strong {
    font-family: 'Lato-Bold', serif;
    font-size: 1.5em;
    color: red;
}

.agenda {
    list-style-type: '\1F384';
    /* xmas tree : \1F384, present: \1F381*/
}

.agenda li {
    display: list-item;
    margin: 0;
    text-align: left;
}

@media only screen and (max-width: 400px) {
    html {
        background: black;
    }
    body {
        overflow: scroll;
    }
    main {
        font-size: .7em;
    }
}