body, html {
    height: 100%;
    background-color:#000;
    overflow: hidden;
    font-family: 'Cinzel';
}

.bg {
    /* The image used */
    background-image: url("background.jpg");

    /* Full height */
    height: 100%;

    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 30px;
}

h1 {
    width:50%;
    margin-top:100px;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    color:#fff;
    font-size: 4em;
}

/* cinzel-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Cinzel';
    font-style: normal;
    font-weight: 400;
    src: url('cinzel-v19-latin-regular.eot'); /* IE9 Compat Modes */
    src: url('cinzel-v19-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('cinzel-v19-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('cinzel-v19-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('cinzel-v19-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('cinzel-v19-latin-regular.svg#Cinzel') format('svg'); /* Legacy iOS */
}