@media (prefers-color-scheme: light) {
    :root {
        --header-color: #575757;
        --bg-color: #F3F3F3;
        --text-color: #0F0F0F;
        --container-color: #F8F4F1;
        --boxShadow-color: rgba(10, 10, 10, 0.35);
    }
}

@media (prefers-color-scheme: dark) {
    :root {
        --header-color: #2E2E2E;
        --bg-color: #1E1E1E;
        --text-color: #FFF;
        --container-color: #2A2A2A;
        --boxShadow-color: rgba(200, 200, 200, 0.35);
    }
}

body {
    margin: 0px;
    background: var(--bg-color, #F3F3F3);
    font-family: sans-serif;
}


/* Text Container */
div {
    /* Layout */
    margin: 3% auto;
    max-width: 75%;
    padding: 10px 15px 10px 15px;

    /* Styling */
    border-radius: 5px;
    background: var(--container-color, #F8F4F1);
    box-shadow: 0 2px 5px 2px var(--boxShadow-color, rgba(10, 10, 10, 0.35));
}
div > p {
    color: var(--text-color, #0F0F0F);
    text-align: center;
    font-size: 20px;
    font-weight: 400;
}

/* Header */
img {
    /*Image Style*/
    width: 352px;
    height: 80px;
    padding: 7 100% 7 15; /*px*/
    
    
    /*Background Style */
    background: var(--header-color, #575757);
    box-shadow: 0 2px 5px 2px var(--boxShadow-color, rgba(10, 10, 10, 0.35));
}


/* Version-List */
ul {

    /* Layout */
    display: flex;
    margin: 3% auto;
    max-width: 15%;
    padding: 2% 0 2% 0;
    flex-direction: column;
    align-items: center;

    /* Style */
    border-radius: 5px;
    background: var(--container-color, #F8F4F1);
    box-shadow: 0 2px 5px 2px var(--boxShadow-color, rgba(10, 10, 10, 0.35));
}

li {
    /* Layout */
    display: flex;
    height: 35px;
    width: 97%;
    justify-content: left;
    padding: 3% 0 0 3%;


    /* Sytling */
    border-bottom: 2px solid var(--boxShadow-color, rgba(10, 10, 10, 0.35));;
    box-shadow: 0 1px 3.9px 0 var(--boxShadow-color, rgba(10, 10, 10, 0.35));;
}

li:nth-child(odd) {
    background-color: rgba(202, 201, 196, 0.43);
}

li > a {
    padding-left: 2%;
    color: var(--text-color, #0F0F0F);
    font-size: 18px;
    font-weight: 400;
}