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

:root {
   --orange: #E15307;
   --white: #FFFFFF;
   --green: #10AF2A;
   --flag-height: 200px;
}

.flag-niger {
    background: var(--white);
    height: var(--flag-height);
    width: calc(var(--flag-height) * 7/6);
    margin: 30px auto;
    display: grid;
}

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

.white {
    background: var(--white);
    display: flex;
    justify-content: center;
    align-items: center;
}

.circle {
    background: var(--orange);
    height: 85%;
    width: 25%;
    border-radius: 50%;
}

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