:root {
    color-scheme: light dark;
    font-size: 16px;
    font-family: "Verdana";


    --bodycolour: light-dark(#e9e9e9, #1f1f1f);
    
    --crossbannerheight: 100px;
}
body {
    background-color: var(--bodycolour);
}
.bodydiv {
    width: 800px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: column;
}

.bannersection {
    width: 100%;
    text-align: center;
    margin: 10px;
    margin-bottom: 40px;
}
.bannermessage {
    color: beige;
    font-size: 1.6rem;
}

.main {
    display: flex;
    flex-direction: row;
    min-width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.column {
    display: flex;
    flex-direction: column;
    width: 360px;
}
.columngap {
    width: 20%;
}
.sectionheader {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    text-align: center;
}
.wurzlesection {
    background-color: transparent;
}
.wurzlebannercontainer {
    width: 100%;
    padding: 0px;
    cursor: pointer;
}
.wurzlebanner {
    width: 100%;
    height: auto;
    padding: 0px;
    margin: 0px;
}
.dummyspace {
    height: 100%;
}

.crosswordsection {
    background-color: transparent;
}
.crosswordbannercontainer {
    display: flex;
    flex-direction: column;
    width: 100%;
    position: relative;
    height: auto;
    padding: 0px;
}
.crosswordbannercontainer:hover {
    cursor: pointer;
}
.crosswordbanner {
    z-index: 50;
    position: relative;
    width: 100%;
    padding: 0px;
    margin: 0px;
}
.crosswordblock {
    margin-bottom: 20px;
}

.crossworddescriptor {
    display: flex;
    flex-direction: row;
    width: 100%;
}
.crosswordlink {
    width: 70%;
    text-align: left;
    font-size: 0.8rem;
}
.crossworddate {
    width: 30%;
    text-align: right;
    font-size: 0.8rem;
}
.crosswordlink:hover {
    cursor: pointer;
}