@font-face {
    font-family: comic-mono;
    src: url("/submodules/comic-mono-font/ComicMono.ttf");
}

html {
    background-image: url("/submodules/starfield/animation.gif");
    background-repeat: repeat;
    background-size: 10em;
    color: white;
    font-family: comic-mono;
}

#main {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(3, 1fr);
    width: 50em;
    height: 50em;
    margin-left: auto;
    margin-right: auto;
}

.img-div,
#text-div {
    margin: 1em;
    text-align: center;
}

img {
    width: 100%;
    height: 100%;
    border-width: 0.2em;
    border-style: ridge;
    border-color: lightgrey;
}

#text-div {
    place-self: center;
}

p {
    text-align: center;
}

span {
    display: block;
}

#line1,
#line3,
#line4 {
    font-size: 1.5em;
}

#line2 {
    font-size: 5em;
}

a:link {
    color: lightskyblue;
}

a:visited {
    color: mediumpurple;
}

a:active {
    color: salmon;
}