html {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 15px;
}

body {
    display: grid;
    display: -ms-grid;
    place-items: center;
    min-height: 98vh;
    -ms-grid-rows: 92vh;
    grid-template-rows: 92vh;
    background-color: rgb(43, 49, 38);
    color: rgb(180, 81, 10);
}

h1 {
    position: absolute;
    left: 5%;
    top: 5%;
    margin: 0 auto;
    font-size: 3rem;
    text-shadow: 3px 3px 10px black;
}

.loading:after {
    overflow: hidden;
    display: inline-block;
    vertical-align: bottom;
    -webkit-animation: ellipsis steps(4, end) 1.5s infinite;
    animation: ellipsis steps(4, end) 1.5s infinite;
    content: "\2026";
    width: 0px;
}

@keyframes ellipsis {
    to {
        width: 60px;
    }
}

@-webkit-keyframes ellipsis {
    to {
        width: 40px;
    }
}