div.startpage{
    height:100%;
    width:100%;
    background: var(--mainpage_bg);
    display:grid;
    grid-template-rows: repeat(12,1fr);
    grid-template-columns: repeat(12,1fr);
    grid-gap:1em;

}

div.initialmenu{
    width:100%;
    height:100%;
    grid-row: 1/2;
    grid-column:2/5;
    background: var(--mainpage_bg);
    display:flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;

}

div.waitlistpage{
    grid-row:2/12;
    grid-column: 2/9;
    height:100%;
    width:100%;
    background: var(--mainpage_bg);
    display:none;
    z-index:200;
}

div.hat{
    grid-row: 3/-1;
    grid-column: 2/7;

}

div.loginpage{
    height:100%;
    width:100%;
    grid-row:2/5;
    grid-column: 2/5;
    background: var(--mainpage_bg);
    /*background: lightblue;*/
    display:none;
    z-index:200;
}

p.startmenuitem{
    font-size:1.5em;
    width:15vw;
    margin-left:1vw;
    background-color: navy;
    color:silver;
}