body, html {
    height: 100%
}

*:not(i) {
    font-family: "Outfit", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
}

.bg-img {
    /* Background image */
    background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.8)), url('../images/home-bg.jpg');
    background-color: #E8E8E8;
    height: 100%;
    background-position: center;
    background-size: cover;
    position: relative;
    color: white;
    /*font-family: "Courier New", Courier, monospace;*/
    font-size: 25px;
}

/*.top-left {
    position: absolute;
    top: 0;
    left: 16px;
}*/

/*.bottom-left {
    position: absolute;
    bottom: 0;
    left: 16px;
}*/

.bottom-center {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    /*left: -50%;*/
}

.middle {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.bg {background-color: #ECA619;}