:root {
    --sl-content-width: 60rem;
    --sl-color-accent-low: #072d00;
    --sl-color-accent: #247f00;
    --sl-color-accent-high: #aad7a0;
    --sl-color-white: #ffffff;
    --sl-color-gray-1: #eaf0e8;
    --sl-color-gray-2: #c5cdc3;
    --sl-color-gray-3: #99a796;
    --sl-color-gray-4: #4f5c4d;
    --sl-color-gray-5: #303c2d;
    --sl-color-gray-6: #1f2a1c;
    --sl-color-black: #151a13
}


body {
    background-color: #1A1B26;
    margin: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    font-family: 'Ubuntu', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

h2 {
    margin: 0;
    padding: 0;
    color: #008000;
}

h3 {
    margin: 0;
    padding: 0;
    color: #aa0000;
}

h4 {
    margin: 0;
    padding: 0;
    color: #ffffff;
}

img {
    box-shadow: #1A1B26;
    max-width: 90vw;
}

.bttn {
    border: none;
    border-radius: 7px;
    width: 190px;
    color: white;
    font-size: 30px;
    font-weight: 700;
    margin: 8px;
}

.groen {
    background-color: #008000;
}

.rood {
    background-color: #aa0000;
}

.blauw {
    background-color: #123f72;

}

.orange {
    background-color: #c27b25;
}