@media screen {
    body {
        margin: 40px;
        padding: 0;
        background: #41444f;
        height: 100vh;
        font-family: museo-sans, sans-serif;
        color: #f9f9f9;
        text-align: center;
        font-size: 15px;
        font-weight: 500;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.33;
        letter-spacing: normal;
    }

    #logo {
        margin-top: 50px;
        width: 100%;
        object-fit: contain;
        display: none;
    }

    #thankYou {
        display: none;
        margin-top: 30px;
        font-size: 19px;
        font-weight: bold;
        line-height: 1.26;
        position: relative;
        -webkit-animation-name: tAnimation;
        -webkit-animation-duration: 1s;
        animation-name: tAnimation;
        animation-duration: 1s;
    }

    @-webkit-keyframes tAnimation {
        from {
            bottom: -100px;
            opacity: 0
        }
        to {
            bottom: 0;
            opacity: 1
        }
    }

    @keyframes tAnimation {
        from {
            bottom: -100px;
            opacity: 0
        }
        to {
            bottom: 0;
            opacity: 1
        }
    }

    #download {
        position: absolute;
        bottom: 100px;
        width: 100%;
        left: 0;
        display: none;
    }

    #manualDownload {
        margin: 30px;
    }

    a:link {
        color: #f9f9f9;
    }

    a:visited {
        color: #f9f9f9;
    }

    #loader {
        position: absolute;
        left: calc(50% - 20px); /* loader width plus the border width px */
        top: 45%;
        z-index: 1;
        width: 30px;
        height: 30px;
        border: 5px solid rgba(255, 255, 255, 0.5);
        border-radius: 50%;
        border-top: 5px solid rgb(255, 255, 255);
        -webkit-animation: spin 1.5s linear infinite;
        animation: spin 1.5s linear infinite;
    }

    @-webkit-keyframes spin {
        0% {
            -webkit-transform: rotate(0deg);
        }
        100% {
            -webkit-transform: rotate(360deg);
        }
    }

    @keyframes spin {
        0% {
            transform: rotate(0deg);
        }
        100% {
            transform: rotate(360deg);
        }
    }
}