/* Base styles */
body {
    background-color: #004d12;
}

header {
    grid-column: 1/span 3;
    grid-row: 2;
    width: fit-content;
    line-height: 6vw;
}

p {
    color: #f4f0e9;
}

a {
    color: #f4f0e9;
    text-decoration: underline;
    cursor: pointer;
}

.menu {
    color: #f4f0e9;
}

.menu li a {
    color: #f4f0e9;
}

.informations {
    background-color: #004d12;
    color: #f4f0e9;
}

.colorcircle {
    color: #f4f0e9;
}

.circle1 { background-color: #004d12; border: 2px solid #f4f0e9; }
.circle2 { background-color: #4C2E39; border: 2px solid #f4f0e9; }
.circle3 { background-color: #B4A07B; border: 2px solid #f4f0e9; }
.circle4 { background-color: #6c7f6c; border: 2px solid #f4f0e9; }

.text-overlay {

    color: #f4f0e9 !important;
}

.contact, .mywork, .informations {
    background-color: #004d12;
    color: #f4f0e9;
}