div#viewer {
    background-color: #333;
    height: 75vh;
}

div#image {
    width: 1920px;
    height: 1080px;
    overflow: auto;
}

div#scaled {
    width: 1920px;
    height: 1080px;
}

div#overlay {
    /* background: red; */
    height: 1080px;
    width: 1920px;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid white;
}

div#safe {
    /* border: 1px dashed white; */
    width: 100%;
    height: 100%;
    position: absolute;
    /* margin: 3% 5%; */
    top: 0;
    left: 0;
    padding: 3% 3%;
}

div#lines {
    border: 1px dashed white;
    width: 100%;
    height: 100%;
}

.credit-page {
    color: white;
    font-size: 16px;
}

/* OPENING CREDITS - STYLE-OPEN */

.credit-page.style-open {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    text-align: center;
    font-size: 32px;
    padding-bottom: 90px;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7);
}

.style-open .credit-title {
    font-weight: 600;
    font-size: 28px;
}

/* ACCELERATED FLOW - STYLE-AF */

.credit-page.style-af {
    height: 236px;
    width: 1920px;
    margin-top: 844px;
    background: black;
    display: flex;
    padding: 10px 80px 35px 80px;
    flex-direction: column;
    flex-wrap: wrap;
    font-size: 16px;
    font-weight: 500;
}

.style-af .credit-entry {
    margin-bottom: 0.5em;
}

.style-af .credit-title {
    font-weight: 800;
}

/* FULLSCREEN CREDITS - STYLE-FS */

.style-fs.credit-page {
    color: white;
    font-size: 20px;
    flex-direction: column;
    display: flex;
    height: 100%;
    justify-content: center;

    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7);
}

.style-fs .credit-entry {
    width: 100%;
    text-align: center;

    margin-bottom: 0.5em;
    display: flex;
}

.style-fs .credit-entry.space-after {
    margin-bottom: 1.5em;
}

.style-fs .credit-title {
    width: 50%;
    font-weight: bold;
    text-align: right;
    padding-left: 1.5em;
}

.style-fs .credit-name {
    width: 50%;
    text-align: left;
    padding-left: 1.5em;
}