html {
                margin: 0;
                padding:0;
                height: 100%;
                overflow:auto
            }
            body {
                margin: 0;
                padding:0;
                height: 100%;
                width:100%;
                background-color:aqua;
                font-size:14px;
                font-family: 'Slabo 27px', sans-serif;
            }
            iframe {
                margin:0;
                left: 0;
                right: 0;
                bottom: 0;
                top: 0;
                border: 0
            }
            footer {
                background-color: #000;
                display: flex;
                flex-direction: row;
                flex-wrap: nowrap;
                flex: 1 auto;
                padding: 2em;
                justify-content: space-between;
                margin: 0 0.5em 0.5em 0.5em;
                font-family: 'Lato', sans-serif;
            }
            footer div {
                color: #ababab;
                display: flex;
                flex-direction: column;
                flex: 1 100%;
                flex-wrap: wrap;
                align-items: center;
            }
            footer:nth-child(0) {
                order:0;
                align-self:flex-start
            }
            footer:nth-child(1) {
                order:1;
                align-items:flex-end
            }