body,html {
    background-color: #fff;
    color: #636b6f;
    font-family: Nunito,sans-serif;
    font-weight: 200;
    height: 100vh;
    margin: 0
}

.iframe {
    height: 100vh;
    width: 100vw;
    border: 0
}

#iframeLoader {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background-color: #000;
    color: #fff;
    text-transform: uppercase;
    padding: .6rem .4rem;
    font-weight: 700;
    text-align: center;
    z-index: 10001
}

#iframeLoader .loader {
    display: inline-block;
    margin-left: 2rem;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    position: relative;
    animation: loader12-uz4afx8 2s linear infinite alternate;
    top: -16px
}

@keyframes loader12-uz4afx8 {
    0% {
        box-shadow: -24px 16px 0 2px #fff,-12px 16px 0 0 hsla(0,0%,100%,.2),0 16px 0 0 hsla(0,0%,100%,.2),12px 16px 0 0 hsla(0,0%,100%,.2),24px 16px 0 0 hsla(0,0%,100%,.2)
    }

    25% {
        box-shadow: -24px 16px 0 0 hsla(0,0%,100%,.2),-12px 16px 0 2px #fff,0 16px 0 0 hsla(0,0%,100%,.2),12px 16px 0 0 hsla(0,0%,100%,.2),24px 16px 0 0 hsla(0,0%,100%,.2)
    }

    50% {
        box-shadow: -24px 16px 0 0 hsla(0,0%,100%,.2),-12px 16px 0 0 hsla(0,0%,100%,.2),0 16px 0 2px #fff,12px 16px 0 0 hsla(0,0%,100%,.2),24px 16px 0 0 hsla(0,0%,100%,.2)
    }

    75% {
        box-shadow: -24px 16px 0 0 hsla(0,0%,100%,.2),-12px 16px 0 0 hsla(0,0%,100%,.2),0 16px 0 0 hsla(0,0%,100%,.2),12px 16px 0 2px #fff,24px 16px 0 0 hsla(0,0%,100%,.2)
    }

    to {
        box-shadow: -24px 16px 0 0 hsla(0,0%,100%,.2),-12px 16px 0 0 hsla(0,0%,100%,.2),0 16px 0 0 hsla(0,0%,100%,.2),12px 16px 0 0 hsla(0,0%,100%,.2),24px 16px 0 2px #fff
    }
}

.hide {
    display: none!important
}