html { background-image: url("../pics/bg-web3.gif"); background-repeat: revert; color: white; } div#scroll-banner { overflow: hidden; border: 3px double white; } div#scroll-text { text-align: right; white-space: nowrap; animation: marquee 8s linear infinite; } div#scroll-banner > div#scroll-text > * { font-size: 200%; margin: 0; } @keyframes marquee { from { transform: translateX(100%); } to { transform: translateX(-140%); } } @media only screen and (max-width: 850px) { /* Mobile display */ div#scroll-text { animation: marquee 9s linear infinite; } @keyframes marquee { from { transform: translateX(100%); } to { transform: translateX(-210%); } } } h1 { font-size: 250%; } p, a { font-size: 125%; } a { color: rgb(147, 107, 255); } li > a { color: mediumvioletred; font-size: 100%; } img { vertical-align: middle; } footer { text-align: center; }