body {
    margin: 0;
    width: 100vw; height: 100vh;
    background-color: rgb(0,128,255);
}

header, .lside, .rside, footer {
    position: absolute; z-index: 1;
    color: white;
}

header, footer {
    width: 100%; height: 77px;
}

.lside, .rside {
    top: 82px; width: 205px; height: calc(100% - 164px);
    background-color: rgba(0,0,0,0.25);
}

header {
    top: 0; background-color: rgb(0,64,128);
}

footer {
    bottom: 0; background-color: rgba(0,0,0,0.25);
}

.lside { left: 0; } .rside { right: 0; }

@keyframes move {
    from { background-position-y: 0; }
    to { background-position-y: -100px; }
}

.globeContainer {
    position: absolute;
    width: 100%; height: 100%;
    top: 0; left: 0;
    background-image: linear-gradient(rgb(0,128,255),rgb(128,192,255));
    background-size: 100px 100px;
    -webkit-animation: move 10s infinite linear;
    /* i'm not particularly proud of how much finagling it took to get this animation to work :sobs: */
}