html,
body {
    display: contents;
    height: 100vh;
    min-width: 100%;
    padding: 0%;
    margin: 0%;
    background: white;
    justify-content: start;
    align-items: start;
    /* border: black solid; */
}

div {
    display: contents;
}


/* ---------------main------------------ */

.main {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    font-family: var(--font2);
    font-weight: bold;
    height: 100%;
    width: 100%;
    margin-top: 2rem;
}

h3{
    display: flex;
    flex-wrap: wrap;
    justify-self: center;
    align-content: start;
    font-size: 1.5rem;
    color: var(--schwarz);
    padding-left: 1.2rem;

}

h2{
    display: flex;
    flex-wrap: wrap;
    justify-self: center;
    align-content: start;
    font-size: 1.1rem;
    color: var(--schwarz);
    padding-left: 1.2rem;
    padding-top: 1.3rem;
    padding-bottom: 0.3rem;
    font-weight: bold;
    margin: 0%;
}

p{
    display: flex;
    flex-wrap: wrap;
    justify-self: center;
    align-content: start;
    padding: 0.2rem;
    padding-left: 1.2rem;
    margin: 0%;
    font-weight: lighter;
}

#yourmonitor {
    display: none;
}