.credits-page {
    background-color: #272b2e;
    color: white;
    z-index: 3;
    outline: 2px solid white;
    border-radius: 1svh;
    top: 6svh;
    left: calc((100vw - (min(100svh, 100vw) - 2svh)) * 0.5);
    width: calc(min(100svh, 100vw) - 4svh);
    height: 80svh;
    padding: 1svh;
}

.credits-page h1 {
    font-size: 5svh;
    margin: 0;
    margin-left: min(4svh, 4vw);
}

.credits-page h2 {
    margin: 0;
    margin-left: min(4svh, 4vw);
}

.credits-page h2.label {
    margin: 0;
    margin-left: min(4svh, 4vw);
    font-weight: 300;
}

.credits-page h3 {
    text-align: justify;
    margin-left: min(4svh, 4vw);
}

.credits-page p {
    font-size: 1.7svh;
    text-align: center;
    font-weight: 300;
}

.credits-page .spacer {
    height: 5%;
}

.credits-page .container-head {
    position: relative;
    height: 15%;
}

.credits-page .container-frame {
    position: relative;
    height: 70%;
    user-select: none;
}

.credits-page .container-foot {
    position: relative;
    height: 15%;
}

.credits-page button {
    font-family: Roboto;
    font-size: 4svh;
    font-weight: bold;
    display: inline-block;
    padding: 1svh 1svh 1svh 1svh;
    height: 60%;
    margin-left: 6%;
    margin-right: 6%;
    margin-bottom: 3%;
    text-align: center;
    border: 0.3svh solid white;
    background-color: #00000080;
    color: white;
    border-radius: 1svh;
}

.credits-page img.large {
    display: inline-block;
    height: 15%;
}

.credits-page img.medium {
    display: inline-block;
    height: 10%;
}