.crs
{
    position: relative;
}

.crs > div
{
    max-width: 90%;
    width: 1200px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
}

.fr { display: flex; flex-direction: row; } /* Flex row */
.fc { display: flex; flex-direction: column; } /* Flex column */

.aic { align-items: center; }
.ais { align-items: stretch; }
.jcc { justify-content: center; }
.jcb { justify-content: space-between; }

.f1 { flex: 1; }
.f2 { flex: 2; }
.f3 { flex: 3; }
.f4 { flex: 4; }
.f5 { flex: 5; }

.pr { position: relative; }
.pa { position: absolute; }

.hv { height: 100vh; } /* Height viewport */
.hvm { min-height: 100vh; } /* Minimum height viewport */
.hf { height: 100%; } /* Height fill */
.wv { width: 100vw; } /* Width viewport */
.wf { width: 100%; } /* Width fill */

.p { padding: 1em; }
.pp { padding: 1.5em; }
.ppp { padding: 2em;}
.m { margin: 1em; }
.g { gap: 1em; }

.x2 { font-size: 2em; }

.ir { max-width: 100%; height: auto; }
.d4 { min-width: calc(var(--max-width)/4); max-width: calc(var(--max-width)/4); }

.glow {
    text-shadow: 0 0 3px black;
    text-shadow: 0 0 5px white;
}

.modalimg { max-height: 90vh; max-width: 90vw;}

.his
{
    display: flex;
}
.his:nth-child(even)
{
    flex-direction: row-reverse;
}
.his > div
{
    flex: 1;
    padding: 1em;
    position: relative;
}
.his:nth-child(odd) > div:first-child, .his:nth-child(even) > div:last-child
{
    border-right: 1px solid gainsboro;
    text-align: right;
}
.his:nth-child(odd) > div:first-child::before, .his:nth-child(even) > div:last-child::before
{
    content: "○";
    position: absolute;
    top: 50%;
    left: 100%;
    transform: translate(-5px, -50%);
    color: black;
    background-color: white;
}