body {
    margin: 0;
    height: 100vh;
}

app-root {
    height: 100%;
}

.flex-container {
    display: flex;
}

.flex-1 {
    flex: 1;
}
.flex-2 {
    flex: 2;
}
.flex-3 {
    flex: 3;
}
.flex-4 {
    flex: 4;
}
.flex-5 {
    flex: 5;
}

.container {
    padding: 0;
    max-width: unset;
}



.svg {
    filter: invert(1);
}

.svg-1 {
    filter: invert(1);
    height: 1em;
    width: 1em;
}

.svg-2 {
    filter: invert(1);
    height: 2em;
    width: 2em;
}

.svg-3 {
    filter: invert(1);
    height: 3em;
    width: 3em;
}

.svg-4 {
    filter: invert(1);
    height: 4em;
    width: 4em;
}