@font-face {
    font-family: IBM;
    src: url(/Px437_IBM_Model30r0.ttf);
}

body {
    background-color: black;
    min-height: 100%;
    width: auto;
    padding-top: 80px;
}

p {
    font-family: IBM;
    font-size: 16px;
    color: #a40e0d;
}

.post {
    font-family: IBM;
    font-size: 16px;
    color: #a40e0d;
    text-decoration: underline dotted;
}

h1, h2, h3, h4, h5, h6 {
    font-family: IBM;
    color: #a40e0d;
}

.main_wrapper {
    position: relative;
    left: 50%;
    width: 900px;
    height: 800px;
    padding: 8px;
    display: grid;
    grid-template-columns: minmax(10%, 0.1fr) 1fr minmax(10%, 0.1fr);
    grid-template-rows: minmax(10%, 0.1fr) 1fr minmax(10%, 0.1fr);
    background-image: url("../Pages/Injection/Video_GIFs/Sound400x400.gif");
    border: 4px solid #a40e0d;
    gap: 8px;
    transform: translate(-50%, -5%);
}

.ph1 {
    text-align-last: center;
    grid-column: 1 / 4;
}

.ph2 {
    grid-column: 2;
    overflow: auto;
}

.egress {
    position: absolute;
    left: -10%;
    bottom: 0%;
    transform: translate(0%, 100%);
} /*
                Funny that <p> is required to keep it
                from moving up a few pixels.
                Nice formatting, nerd.
                */