@font-face {
    font-family: MyriadProRegular;
    src: url('fonts/MyriadPro-Regular.otf');
}

html {
    width: 100%;
    height: 100px;
    overflow: hidden;
}

body {
    margin: 0;
    padding: 0;
    font-family: MyriadProRegular, sans-serif;
    width: 100%;
    height: 100%;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

#title {
    height:100%;
    width:100%;
    font-size:80px;
    background: -webkit-linear-gradient(#EECC99, #FFDDBB);

}

 .marquee {
    margin: 0 auto;
    overflow: hidden;
    white-space: nowrap;
    box-sizing: border-box;
    -webkit-animation: marquee 30s linear infinite;
}
.marquee:hover {
    -webkit-animation-play-state: paused
}
/* Make it move */
 @-webkit-keyframes marquee {
    0% {
        text-indent: 27.5em
    }
    100% {
        text-indent: -40em
    }
}