body {
    background-color: #f2f2f2;
}

@font-face {
    font-family: "BabelStone Runic Elder Futhark";
    src:
        local("BabelStone Runic Elder Futhark"),
        local("BabelStoneRunicElderFuthark"),
        url("BabelStoneRunicElderFuthark.woff2") format("woff2"),
        url("BabelStoneRunicElderFuthark.woff") format("woff");
}
.parent {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: repeat(5, 1fr);
    grid-column-gap: 0px;
    grid-row-gap: 0px;
}

.div1 {
    vertical-align: middle;
    padding-top: 15px;
    margin-right: auto;
    grid-area: 1 / 1 / 2 / 2;
}
.div2 {
    font-family: "BabelStone Runic Elder Futhark";
    font-size: 75px;
    vertical-align: middle;
    padding-top: 25px;
    margin-right: auto;
    grid-area: 1 / 2 / 2 / 6;
}
.div3 {
    grid-area: 2 / 1 / 6 / 6;
}
#content {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
}

#logo {
    width: 125px;
    height: auto;
}

#temp {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
}