html,
    body {
        margin: 0;
        padding: 0;
        height: 100%;
        font-family: 'Nunito', sans-serif;
    }
    
    .fullscreen-bg {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        overflow: hidden;
        z-index: -100;
    }
    
    .fullscreen-bg__video {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    
    @media (min-aspect-ratio: 16/9) {
        .fullscreen-bg__video {
            height: 500%;
            top: -200%;
        }
        /*			  .txt {
          width:40%;
      }*/
    }
    
    @media (max-aspect-ratio: 16/9) {
        .fullscreen-bg__video {
            width: 500%;
            left: -200%;
        }
        /*			  .txt {
          width: 40%;
      }
*/
    }
    
    @media (max-width: 767px) {
        .fullscreen-bg {
            background: url("img/first-frame.jpg") center center / cover no-repeat;
        }
        .fullscreen-bg__video {
            display: none;
        }
    }
    
    video::-webkit-media-controls {
        display: none !important;
    }
    
    *::-webkit-media-controls-start-playback-button {
        display: none!important;
        -webkit-appearance: none;
    }
    
    #title {
        padding: 20px 0px 20px 0px;
    }
    
    #container {
        min-height: 100%;
        position: relative;
        top: 0%;
        width: 935px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        text-align: center;
        color: rgb(250, 240, 230);
        /* background-image: url("img/runner.png");
        background-repeat: repeat-y;
        background-size: contain; */
    }
    
    #container-contents {
        width: 935px;
        padding: 10px;
        padding-bottom: 300px;
        /* Height of the footer */
    }
    
    .banner-cta-cluster {
        position: relative;
        margin: 20px 0px 10px 0px;
    }
    
    .bannertext {
        width: 919.5px;
        height: 141px;
        padding: 22px 0 0 0;
        color: rgb(41, 27, 4);
        font-size: 38px;
        font-weight: bold;
        text-shadow: 0px 4px rgba(105, 51, 233, 0.2);
        background-image: url("img/banner-scroll-2.png");
        background-size: 100%;
        background-repeat: no-repeat;
    }
    
    .cta-button {
        position: absolute;
        top: 80px;
        right: 200px;
        padding: 22px;
        background-image: url("img/cta-button.png");
        width: 504.5px;
        height: 83.5px;
        background-size: 100%;
        background-repeat: no-repeat;
        text-shadow: 0px 4px rgba(71, 0, 202, 0.171);
        transition: transform 256ms, text-shadow 256ms;
        font-size: 32px;
        color: rgb(151, 6, 66);
        text-decoration: none;
    }
    
    .cta-button:hover {
        transform: scale(105%, 105%);
        text-shadow: 0px 7px rgba(71, 0, 202, 0.171);
    }
    
    .cta-button-small {
        position: initial;
        display: inline-block;
        padding: 22px;
        font-size: 26px;
        margin: 16px 0px 0px;
        background-image: url("img/cta-button-small.png");
        width: 373.5px;
        height: 72px;
        color: rgb(6, 1, 34);
    }
    
    .text-box {
        text-align: justify;
        color: rgb(255, 255, 255);
        font-size: 22px;
        margin: -110px auto 20px;
        width: 700px;
        padding: 0px;
        text-shadow: 0px 2px 6px rgba(0, 0, 0, 4);
    }
    
    #platform-block {
        text-align: center;
        font-size: 28px;
        color: rgb(250, 240, 230);
        font-weight: bolt;
        padding: 20px 0px;
        text-shadow: 0px 5px 5px rgb(0, 0, 0);
    }
    
    .platform-logo {
        width: 110px;
        padding: 0px
    }
    
    .form-popup {
        position: relative;
        text-align: center;
        vertical-align: middle;
        background-image: url("img/popup-bg.png");
        background-repeat: no-repeat;
        background-size: 100%;
        color: rgb(39, 35, 31);
        margin: 0px auto;
        padding: 60px;
        width: 500px;
        height: 658px;
    }
    
    .form-popup form {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 400px;
    }
    
    .form-popup,
    input {
        font-family: 'Kanit', sans-serif;
    }
    
    label {
        font-size: 150%;
        font-weight: bold;
    }
    
    input,
    button {
        color: rgb(250, 240, 230);
        font-weight: 200;
        padding: 10px 0px;
        font-size: 120%;
        margin: 10px 0px;
        border: 3px solid rgb(63, 7, 21);
        background-color: rgba(44, 40, 37, 0.288);
        font-weight: 600;
        color: rgb(43, 12, 2);
    }
    
    #namelabel,
    #emaillabel {
        display: inline-block;
        padding-right: 20px;
    }
    
    #email,
    #name {
        padding: 20px 20px;
    }
    
    #submit {
        width: 200px;
    }
    
    .button {
        color: rgba(10, 10, 10, .6);
        background-color: rgb(250, 240, 230);
    }
    
    #gdpr-checkbox {
        display: contents;
        position: relative;
        left: -200px;
        bottom: -45px;
        vertical-align: middle;
        width: 30px;
        height: 30px;
    }
    
    #gdpr-label {
        display: block;
        font-size: 80%;
        text-align: left;
        padding-left: 3em;
        line-height: 1em;
    }
    
    .steamButton {
        padding: 30px 0px 10px 0px;
    }
    
    .footer {
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 300px;
        /* Height of the footer */
    }
    
    .footerElement {
        padding: 10px 0px 5px 0px;
        color: rgb(250, 240, 230);
        font-weight: 200;
        font-size: 150%;
        text-shadow: 0px 2px 10px black;
    }
    
    .pressLink {
        color: rgb(250, 240, 230);
        font-weight: 600;
    }