html, body {
    margin: 0;
    padding: 0;
}

:root {
    --black: #000000;
    --red: #DE0002;
    --yellow: #FFCE00;
    --flag-height: 200px;
}

.flag-germany {
    display: grid;
    height: var(--flag-height);
    width: calc(var(--flag-height) * 5/3);
    margin: 2em auto; 
}


.black{
    background: var(--black);
}

.red{
    background: var(--red);
}

.yellow{
    background: var(--yellow);
}