html {
    height: 100%;
    width: 100%;

    font-size: 16px;

    --background-color: #ffffff;
    --rgb-font-color: 51, 51, 51;
    --font-color: #333333;

    --primary-color: #0B5FCB;
    --rgb-primary-color: 11, 95, 203;
    --on-primary-color: #ffffff;

    --secondary-color: #CB0B7A;
    --rgb-secondary-color: 203, 11, 122;
    --on-secondary-color: #ffffff;

    --error: #b71c1c;
    --rgb-error: 183, 28, 28;
    --on-error: #ffffff;
}

* {
    box-sizing: border-box;
}

body {
    margin: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;

    background-color: white;

    font-family: Tahoma, Verdana, sans-serif, monospace;
}

#app-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    height: 100%;
    width: 100%;
}