
body, html {
    height: 100%;
    margin: 0;
}

header {
    /* Background image */
    background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("/images/cookies.jpg");
    /* Set the header's height to 100% of the viewport height */
    height: 100vh;
    /* Center the background image */
    background-position: center;
    /* Scale and zoom in the image */
    background-size: cover;
}

.container {
    /*  set the positioning of the element to be 50% from the top and 50% from the left of its containing parent div. 
    By doing this, the element will be horizontally and vertically centered within the div. */
    top: 50%;
    left: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
    color: white;
    font-size: 25px;
    text-align: center;
}

#company-name {
    font-size: 50px;
    font-family: 'Raleway', sans-serif;
}

#message {
    font-size: 50px;
    font-family: 'Quicksand', sans-serif;
}

hr {
    margin: auto;
    width: 65%;
}

#countdown {
    font-size: 30px;
    font-family: 'Quicksand', sans-serif;
}
