@font-face {
    font-family: myFont;
    src:url(fonts/Darkcastle.otf)
}

body {
    background-color:black;
}


.parent {
    display:grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 20px;
}


h1 {
    color: yellow;
    text-align: center;
}

.splashscreen {
    grid-column: 4/4;
    grid-row: 1/1;
}

.splashscreen img {
    height:150px;
    width:150px;
    position:absolute;
    top:25%;
    left: 46%
}

.div5 {
    grid-column: span 3 / span 3;
    grid-column-start: 5;
    grid-row-start: 8;
    background-image: url(images/588.GIF);
    text-align: center;
    color:gold;
}

.div5 h2 {
    border: groove;
    background-color: grey;
    border-color: grey;
    text-align: center;
    color:red;
}

.content h2 {
    color: green;
}