.window {
    position: absolute;
}

body {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAABJCAMAAACXSv+eAAAAIVBMVEXPwf/Px//PzP/P0v/Ouf7KsfzHpv7Q2/3T4//V6f/X8v8MYw4HAAACwElEQVR42nXWCXKsMAxFURnowdn/gnMlPVkQV15/Op+qgzzRBrMxjuP0HMcYZnZd10t53/5ckkXBaKyEAkRayg9JLppHxzi8LDSDjcLk9bIM9UKGPdJ+hbGuRwTrRr3gMtkvGkvM+HIao7TVdy8MRWLB6ExJWORO1Ynb5LWUHcNpl129NuT1oKo6ZflaNGf5Rk+n2KCrONTQ0CXtKDox+MSUNa9ctNsPivTIGr2IofUEdFEOBWvOfaWfs/oJGTV/PJyYcx+c05S3QTmMA2scTr0LkllUUlWxSFloxFp+oJgIsinWiCRBirYMCybRz6AcQUsqadEHJVuqqmRbAFgwZFrJTqyHXNVMTCx8W/CKCgsbX8Ktf+D8i9IrrHuMELH1o+VJrH6UG22p398gaC/8pC1rI9KyYJN2UeCiwN1q1SSx36QUTor9pO35msD4D9ionT//pNiJCllLlL02LSG8ZkHp1cw2bMJFw6IrtBFnWs28WLDiZzHXdTncGNkuieQY6pX389l6t3/qTM0jV8lSORytUQ1pmjtNUji/XHdTz5Kfm9Y0pFZ/5gc5/UO8PkSreTxWU7J3sGTw7W4C9U4OdKQl//eu00DsIO268f1O1rxINH3U9JgmbHdTsmJz7kj5iObQbO5tEkldkqv5d7iVltpD7eFOUo/lkijSsjZxItq7Ip+Q6l8vGPQmk0n2lkwkQUjgoqaG64mw7fNENathYMTGVlP9rIKCURJZayRIPWvHw/CdEpJyIiOcWIwE93jCIvcnbDvSD1i1nolb1AS7ZD+JJeuef0Ibgkm8muBlG/z3jWVrWo5w2fMtCIOrtxW5NIKSpFaxoYvDOBJKXoRTHFlufwPsN8UMbHurrJtsNDzFrgjNKS3PzEHUq8j7evmHPCVK9QpyrCCBGfWupfi75UiWUrZ5Qb2lr5ptCiLfyOsXZTxDdAkP6/QAAAAASUVORK5CYII=) repeat;
    height: 100vh;
    width: 101vw;
}

.header {
    font-family: 'Comic Sans MS';
    color: transparent;
    position: relative;

    background: linear-gradient(45deg, red, orange, yellow, green, blue, indigo, violet, red);

    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
}

.bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 15px;

    background-image: url("16.583f9a4.gif");
    background-color: red;

    background-repeat: repeat;
    background-attachment: fixed;
    background-position: bottom;
}