/* Base styles */
body {
    background-color: #6C538E;
}

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

h1 {
    font-size: clamp(4.5rem, 6vw, 8vw);
    line-height: 1.2;
    margin-bottom: 15px;
}

p {
    color: #FFF0DF;
}

.menu {
    color: #FFF0DF;
}

.menu li a {
    color: #FFF0DF;
}

.informations {
    background-color: #6C538E;
    color: #FFF0DF;
}

.colorcircle {
    color: #FFF0DF;
}

.circle1 { background-color: #6C538E; border: 2px solid #FFF0DF; }
.circle2 { background-color: #748C58; border: 2px solid #FFF0DF; }
.circle3 { background-color: #F28705; border: 2px solid #FFF0DF; }

.text-overlay {

    color: #FFF0DF !important;
}

.contact, .mywork, .informations {
    background-color: #6C538E;
    color: #FFF0DF;
}