#header {
    text-align: center;
    color:white;
}

#header:before {
    background-image:url(/tabletop/img/test.jpg)
}

#header h1 {
    text-transform: uppercase;
    font-size: 3rem;
    margin-top:0
}

#header h2 {
    text-transform: uppercase;
    color:rgba(var(--color-theme));
    margin:0;
    font-size: 1rem;    
}

#header p {
    color:rgba(var(--color-textdark))
}

.header-container {
    width: 95%;
    max-width: 800px;
}

#highlights {
    padding:100px 0
}

#home > div > div {
    height: 800px;
    display: flex;
    align-items: center;
    justify-content: center;
    grid-gap: 20px;
    flex-direction: column;
    padding: 0 min(100px,5%);
}

#home > div {
    grid-gap: 0;
}

#home h2 {
    font-size: 3rem;
    font-weight: 800;   
    color:rgba(var(--color-theme));
    margin:0;
    text-transform: uppercase;
    text-align: center;
}

#home h3 {
    color:rgba(var(--color-theme));
    font-weight: normal;
    margin:0;
    text-align: center;
}

#home p {
    color:rgba(var(--color-textdark));
    text-align: center;
}

#home > div > div:first-child:before {
    background-image:url(/tabletop/img/test.jpg);
    border-right: 1px solid rgba(var(--color-theme));
}

#home > div > div:last-child:before {
    background-image:url(/tabletop/img/test2.png)
}

#home > div > div > * {
    filter:drop-shadow(0 0 10px black)
}

@media (max-width:1000px) {
    #home > div > div:first-child:before {
        border-right: none;
        border-bottom: 1px solid rgba(var(--color-theme));
    }
}