body 
{
    width: 100%;
    height: 100vh;
    overflow: hidden;
    padding:0%;
    margin: 0;
    font-family: "OverPassRegular";
}

/*page*/
.page {
    width: 100%;
    height: 100vh;
    display: flex;
    flex-direction: column;
    padding:0%;
    margin: 0;
}
.page .top-bar 
{
    height: 35px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    flex-direction: row;
    position: relative;
    justify-content: end;
    border-bottom:1px dotted gray;
}
.page .page-content
{
    overflow: hidden;
    flex-grow: 1;
}

.page.center-page 
{
    display: flex;
    width: 100%;
    height: 100vh;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.page.center-page .page-content
{
    margin: auto;
    flex-grow: unset;
}