* {
    font-family: sans-serif;
    font-weight: lighter;
    color: inherit;
    text-decoration: none;
}
    body {
        margin: 0;
        header {
            display: flex;
            flex-direction: column;
            padding: 1rem;
            gap: 1rem;
            position: sticky;
            top: 0;
            background: rgba(0, 0, 0, .5);
            color: white;
            div {
                display: flex;
                justify-content: space-between;
                align-items: center;
                a {
                    font-size: 24px;
                }
                div {
                    gap: 1rem;
                    svg {
                        cursor: pointer;
                    }
                }
            }
            nav {
                ul {
                    margin: 0;
                    padding: 0;
                    list-style: none;
                    display: flex;
                    justify-content: space-evenly;
                }
            }
        }
        footer {
            display: flex;
            flex-direction: column;
            padding: 1rem;
            gap: 1rem;
            text-align: center;
            background: rgba(0, 0, 0, .5);
            color: white;
            img {
                height: 64px;
            }
            div {
                gap: 1rem;
                display: flex;
                flex-wrap: wrap;
                justify-content: center;
            }
        }
    }
svg.bi.bi-list {
    display: none;
}
@media screen and (max-width: 800px) {
    header {
        nav {
            display: none;
            padding: 1rem;
            position: absolute;
            background: white;
            top: 0;
            right: 0;
            bottom: 0;
            ul {
                display: flex;
                flex-direction: column;
                gap: 1rem;
                justify-content: flex-start;
            }
        }
    }
    svg.bi.bi-list {
        display: block;
    }
}