:root {
	--g-funk-primary-green: rgb(9, 163, 142);
	--g-funk-secondary-green: rgb(0, 167, 174);
	--g-funk-yellow:rgb(218, 228, 155);
	--g-funk-gray: rgb(78, 110, 105);
	--g-funk-grey: rgb(170, 167, 173);
	--g-funk-black: rgb(13, 25, 18);
    --g-funk-puke: rgb(166, 207, 200);
    --g-funk-pink: rgb(202, 80, 152);
}

header {

    width: 100%;
    background-color: rgb(255,255,255);

    img {
        height: 60px;
        margin: 10px 20px;
    }
}

main {
    background-color: var(--g-funk-secondary-green);
    height: calc(100% - 80px - 40px);
    display: flex;
    justify-content: center;
    align-items: center;

    #container {
        text-align: center;
        color: rgb(255, 255, 255);
    }

    a {
        font-weight: 600;
    }
}

footer {
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: 0;
    background-color: rgb(255,255,255);
    width: 100%;
    #copyright {
        margin: 0;
        width: 100%;
        text-align: center;
        color: var(--g-funk-gray)
    }
}

a {
    text-decoration: none;
    color: inherit;
}

html {
	height: 100%;
}

body {
	font-family: Tahoma, 'Segoe UI', Geneva, Verdana, sans-serif;
	height: 100%;
    margin: 0px;
}

.flex {
    display: flex;
    justify-content: center;
    flex-direction: column;
    width: 100%;
}

.flex-col-middle {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.flex-right {
    display: flex;
    justify-content: flex-end;
}