@import url(https://fonts.googleapis.com/css?family=Lora:400,400italic);
body {
    font-family: "Lora", serif;
    max-width: 650px;
}

h1, h2, h3 {
    font-family: "Lora", serif;
}

@media screen and (max-width: 680px) {
    body {
        margin-left: 6px;
    }
}

@media screen and (min-width: 680px) {
    body {
        margin: auto;
    }
}

/* Make it a marquee */
.marquee {
    margin: 0 auto;
    white-space: nowrap;
    overflow: hidden;
    box-sizing: border-box;
}

.marquee span {
    display: inline-block;
    text-indent: 0;
    word-spacing: 650px;
    padding-left: 100%;
    -webkit-animation: marquee 15s linear infinite;
    -moz-animation: marquee 15s linear infinite;
    -o-animation: marquee 15s linear infinite;
    animation: marquee 15s linear infinite;
}

@keyframes marquee {
    0%   { transform: translate(0, 0); }
    100% { transform: translate(-100%, 0); }
}

@-webkit-keyframes marquee {
    0%   { transform: translate(0, 0); }
    100% { transform: translate(-100%, 0); }
}

@-moz-keyframes marquee {
    0%   { transform: translate(0, 0); }
    100% { transform: translate(-100%, 0); }
}

@-o-keyframes marquee {
    0%   { transform: translate(0, 0); }
    100% { transform: translate(-100%, 0); }
}