:root{
    --main-bg-color: orange;
    --text-color: white;
}
body{
    background-color: rgba(128, 0, 0, 1);
}
header{
    background-color: var(--main-bg-color);
    color: var(--text-color);
}
header .logo{
    columns: left;
    float: left;
    /* padding-bottom: 1.5em; */
    text-align: center;
}
nav ul{
    list-style-type: none;
    display: inline-block;
    text-decoration: none;
    background-color: var(--main-bg-color);
    color: var(--text-color);
    text-align: center;
}
li{
    display: inline-block;
}
a{
    text-decoration: none;
    color: var(--text-color);
}
nav a{
    text-decoration: none;
    display: inline-block;
    padding: 1em 2.5em;
    color: #FFFFFF;
}
footer{
    text-align: center;
    color: var(--text-color);
}
footer a{
    text-decoration: underline;
}