/* keeping the margins left and right free */
body
{
    padding: 0 10%;
    background-color: #d4d4d4;
}

/* headline (main) big and center */
h1
{
    font-size: 50px;
    text-align: center;
}

/* smaller headlines */
h3
{
    font-size: 30px;
}

/* even smaller headlines */
h6
{
    /* same size as p - but bold */
    font-size: 22px;
}

/* normal text */
p
{
    font-size: 22px;
}

/* for the XP overview */
table, th, td
{
    border: 1px, solid;
    /* same font-size as p */
    font-size: 22px;
}

label, select, option, input
{
    /* same font-size as p */
    font-size: 22px;

    padding: 10px;
    margin-top: 20px;
}

ul, ol, li
{
    /* same font-size as p */
    font-size: 22px;
}

.colorContainer
{
    width: 90%;
    aspect-ratio: 1 / 1;
}