html, body {width: 100%; height: 100%;}

@font-face {font-family: "UniversBlack"; src: url("../fonts/UniversLTStd-Black.otf");}
@font-face {font-family: "UniversLight"; src: url("../fonts/UniversLTStd-LightCn.otf");}
@font-face {font-family: "Univers"; src: url("../fonts/UniversLTStd.otf");}
@font-face {font-family: "UniversOblique"; src: url("../fonts/UniversLTStd-BlackObl.otf");}


html {background-color: #a697aa;}

h1, p, h2 {text-align: center;}

h1 {font-family: "UniversBlack"; font-size:54pt; color: white; padding-top: 200px; margin-bottom: 0px;}

p {font-family: "UniversLight"; font-size: 20pt; color: white; }

a {text-decoration: none; font-family: "UniversLight"; font-size: 18pt;color: white;}

a:hover {font-family:"Univers"; color: #99cccc; background-color: transparent;text-decoration: underline;}

h2 {font-family: "UniversBlack"; font-size:36pt; color: white;text-decoration: underline;}

pre {text-align: center;margin-top: 300px}

#title span {display: none; font-family: "UniversBlack"; font-size: 24px; text-align: center;}

#extra {display: none;}

#text:hover #extra {display: block;}

#text:hover a #extra {font-family:"UniversOblique"; color: #99cccc;}

#title:hover #time {display: block;}

#flight h1 {
    position: relative;
    color: rgba(0, 0, 0, .3);
    font-size: 5em
}
#flight h1:before {
    content: attr(data-text);
    position: absolute;
    overflow: hidden;
    max-width: 7em;
    white-space: nowrap;
    color: #fff;
    animation: loading 5s linear;
}
@keyframes loading {
    0% {
        max-width: 0;
    }
}

#flight2 p {text-align: center; color:#99cccc; font-family: "UniversBlack" }

#flight2 h1 {
    position: relative;
    color: rgba(0, 0, 0, .3);
    font-size: 5em
}
#flight2 h1:before {
    content: attr(data-text);
    position: absolute;
    overflow: hidden;
    max-width: 7em;
    white-space: nowrap;
    color: #fff;
    animation: loading 30s linear;
}
@keyframes loading {
    0% {
        max-width: 0;
    }
}

#flight2 p {text-align: center; color:#99cccc; font-family: "UniversBlack" }

#btw {display: none; text-align: center; color:white; font-family: "UniversLight" }

#flight3:hover #btw{display: block;}

#flight3 p {text-align: center; color:#99cccc; font-family: "UniversBlack" }

#flight3 h1 {
    position: relative;
    color: rgba(0, 0, 0, .3);
    font-size: 5em
}
#flight3 h1:before {
    content: attr(data-text);
    position: absolute;
    overflow: hidden;
    max-width: 7em;
    white-space: nowrap;
    color: #fff;
    animation: loading 75s linear;
}
@keyframes loading {
    0% {
        max-width: 0;
    }
}

#flight3 p {text-align: center; color:#99cccc; font-family: "UniversBlack" }

#bus:hover #btw{display: block;}

#bus p {text-align: center; color:#99cccc; font-family: "UniversBlack" }

#bus h1 {
    position: relative;
    color: rgba(0, 0, 0, .3);
    font-size: 5em
}
#bus h1:before {
    content: attr(data-text);
    position: absolute;
    overflow: hidden;
    max-width: 7em;
    white-space: nowrap;
    color: #fff;
    animation: loading 35s linear;
}
@keyframes loading {
    0% {
        max-width: 0;
    }
}

#bus p {text-align: center; color:#99cccc; font-family: "UniversBlack" }

#ps {display: none;}

#final:hover #ps {display: block; font-family: "UniversOblique";font-size: 12px}