@font-face {
    font-family: "Lucida Grande";
    src: url(../../../assets/fonts/lucidagrande.woff2);
}

@font-face {
    font-family: "Lucida Grande";
    src: url(../../../assets/fonts/lucidagrande_bold.woff2);
    font-weight: bold;
}

@font-face {
    font-family: "Lucida Sans Unicode";
    src: url(../../../assets/fonts/lucida-sans-unicode.woff2)
}

html {
    background-color: #FFEEEE;
}

body {
    font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, sans-serif;
}

h2 {
    background-color: #990000;
    font-family: Georgia, serif;
}

h3 {
    font-family: Georgia, serif;
    font-weight: normal;
}

header {
    background: center/cover url(../../../assets/img/bgs/pexels-alesia_kozik.jpg);
}

a {
    /* style */
    color: #990000;
    font-family: Georgia, serif;
    text-decoration: 2px underline solid #FFD7D7;
}

hr, hr:first-of-type {
    border-bottom: 5px solid #FFD7D7;
}

hr {
    border-bottom: 5px solid #FFD7D7;
}

nav {
    background: rgba(153,0,0,0.9);
}

nav menu a {
    font-weight: normal;
    color: white;
}

nav menu a:hover {
    background-color: #DDDDDD;
    color: black;
}

blockquote em {
    background: #FFD7D7;
}

summary {
    background-color: #990000;
    font-weight: normal;
}

footer {
    background-color: #900;
    color: white;
}

footer a {
    font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, sans-serif;
    color: white;
    text-decoration: none;
    border-bottom: 1px solid white;
}

@media (max-width: 550px) {
    .sting {
        flex-direction: column-reverse;
    }

    .sting img {
        margin: 30px auto 0;
    }
}