html, body {
    margin: 0% 10% 0% 10%;
    padding: 0;
    height: 100%;
    background-color: #c3b49c;
}

.animal-fact {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Fredericka the Great', cursive;
}

.fact-board {
    position: relative;
}

.fact-board > h1 {
    position: absolute;
    text-align: center;
    top: 43%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    margin: 0;
    transition: opacity 1s;
}