:root {
    --black: #000000;
    --offblack: #141414;
    --dark: #2a2a2a;
    --border: rgb(45,45,45);

    --white: #ffffff;
    --red: #df1b1a;
    --dkgrey: rgb(60, 60, 60);
    --grey: rgb(82, 84, 84);
    --lhgrey: rgb(178, 178, 178);
    --logingrey: #202020;
    --orange: #fe4800;
}

body {
	padding-top: 80px;
    background: var(--offblack);
}

nav.navbar {
    background-color: rgb(44,54,27);
    border-bottom: 1px solid #111111;
}
.kofi {
  transition-delay: 0s;
  transition-duration: 0.3s;
  transition-property: all;
  transition-timing-function: ease;
  background: #ff6433;
  border-radius: 4px;
  transform: translate(0px, 0px);
  box-shadow: 2px 2px #d15029;
}

.region {
  background: var(--logingrey);
  border: 1px solid var(--border);
  margin: 40px;
  padding: 20px 10px;
}

/*
a,
a:visited {
    color: var(--white);
    text-decoration: none;
}
*/
a.active,
a:active,
a:hover {
    color: var(--red);
    text-decoration: underline;
}

            footer a,
            footer a:visited {
                color: var(--white);
            }
            footer a:active,
            footer a:hover {
                color: var(--red);
            }
            footer .footernav a {
                padding: 0px 10px;
                border-right: 1px solid var(--white);
            }
            footer .footernav a:last-child {
                border-right: 0px solid var(--white);
            }

            footer {
                position: fixed;
                bottom: 0px;
                left: 0px;
                right: 0px;

                background: var(--black);
                padding: 5px 10px;

                color: var(--grey);
                font-family: Arial, "Helvetica CY", Helvetica, sans-serif;
                border-top: 2px solid var(--dkgrey);

                display: flex;
            }
            footer div {
                flex: 1;
                align-self: flex-start;
            }
            footer .right {
                align-self: flex-end;
                text-align: right;
            }