body {
    font-family: 'Roboto', Arial;
    color: white;
    background-color: rgb(28, 28, 28)
}

p {
    margin: 0px 0px 10px 0px;
}

li {
    margin-bottom: 8px;
}

/* Make button like div */
button {
    background-color: transparent;
    border: none;
    outline: none;
    cursor: pointer;

    font-family: 'Roboto', Arial;
    color: white;
}

a {
    text-decoration: none;
    color: white;
}

.text-link {
    cursor: pointer;
    color: rgb(0, 174, 255);
    text-decoration: underline;
}

/* Misc */
.select-disable {
    pointer-events: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}

/* Frames */
.grey-frame {
    background-color: rgb(50, 50, 50);
    box-shadow: 0px 3px 10px -3px rgba(10, 10, 10, 0.8);
    border-radius: 8px;

    border-style: solid;
    border-color: rgba(70, 70, 70, 0.9);
    border-width: 1px;
}

.grey-frame-small {
    background-color: rgb(50, 50, 50);
    box-shadow: 0px 3px 10px -3px rgba(10, 10, 10, 0.8);
    border-radius: 4px;

    border-style: solid;
    border-color: rgba(70, 70, 70, 0.9);
    border-width: 1px;
}

.black-frame {
    background-color: rgb(30, 30, 30);
    box-shadow: 0px 3px 10px -3px rgba(10, 10, 10, 0.8);
    border-radius: 8px;

    border-style: solid;
    border-color: rgba(70, 70, 70, 0.9);
    border-width: 1px;  
}


/* Span */
.text-bold {
    color: rgb(255, 255, 255);
    font-weight: 700;
}


/* Page */
body, html {
    margin: 0;
    padding: 0;
    height: 100%;
}

.page-content {
    width: 950px;
    margin: 50px auto 40px auto;
    
    display: flex;
    justify-content: center; /* Center horizontally */
    align-items: center;
    flex-direction: column;
}
.page-backdrop {
    background-color: rgb(35, 35, 35);
    position: fixed;
    height: 100%;
    width: 100%;
    max-width: 1000px;
    left: 50%;
    transform: translate(-50%, 0%);
    z-index: -10;
}


.page-block {
    position: relative;
    width: 100%;

    /* center */
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    

    /* background-color: red; */
}

/* Page Block Header */
.page-block-header-container {
    /* background-color: aquamarine; */
    display: grid;
    grid-template-rows: 40px 1fr;

    margin: 40px auto 0px auto;

    width: 900px;
}

.page-block-header-text-header {
    /* background-color: red; */
    font-weight: 700;
    font-size: 32px;
}

.page-block-header-text-info {
    margin-top: 2px;
    /* background-color: green; */
    font-size: 20px;
    margin-bottom: 20px;
    color: rgb(200, 200, 200);
}