body {
    background-color: rgb(18, 0, 19);
    margin: auto;
    /**overflow: hidden;**/
}

.indexgrid {
    display: grid;
    grid-template-columns: 1fr 2fr 1fr;
    column-gap: 20px;
    margin: 1rem auto;
    max-height: 94vh;
    aspect-ratio: 3/2;
}
@media (max-width: 750px) {
    body {
        margin-left: 20px;
        margin-right: 20px;
    }
    .indexgrid {
        grid-template-columns: 1fr;
    }
}
.about-art {
    display: grid;
    row-gap: 15px;
    grid-template-rows: 4fr 3fr;
}
.blog-archive-pc {
    display: grid;
    row-gap: 15px;
    grid-template-rows: 2fr 1fr 4fr;
}
.ocs-comics {
    display: grid;
    row-gap: 15px;
    grid-template-rows: 3fr 4fr;
}

.about, .art, .blog, .archive, .pc, .ocs, .comics {
    width: 100%;
    height:100%;
}

.pc-container {
    position: relative;
}
.text {
    position: absolute;
    color: green;
    font-family: 'Courier New', Courier, monospace;
    font-size: 125%;
    bottom: 35%;
    right: 20%;
}

a {
  color: green;
}
/**h1, h2, a {
    color: antiquewhite;
    font-family: 'Courier New', Courier, monospace;
}**/