h1
{
    font-family: MingLiU_HKSCS-ExtB;
    text-align: center;
    font-size: 120px;
    color: white;
   
}

h2 
{
    font-size: 60px;
    font-family: 'Yu Gothic UI';
    color: darkgrey;
}

h22 
{
    font-family: MingLiU_HKSCS-ExtB;
    font-size: 30px;
    position: relative;
    bottom: 50px;
}

body
{
    background-attachment: fixed;
    background: url(background.gif);

    color: #FFFFFF;
    text-shadow: 0 0 5px white, 0 0 10px white, 0 0 20px white, 0 0 40px white, 0 0 80px white;
}

.Container_Top 
{
    background-color: black;
    border: solid 2px black;
    border-radius: 5px 5px;

    height: 400px;
    width: 1400px;

    display: inline-block;
}

.Container_Bottom 
{
    background-color: black;
    border: solid 2px black;
    border-radius: 5px 5px;

    height: 490px;
    width: 1400px;

    margin-top: 32px;
    display: inline-block;
}

.Container_Side
{
    background-color: black;
    border: solid 2px black;
    border-radius: 5px 5px;

    height: 929px;
    width: 400px;

    float: right;
    margin-top: -405px;

}


.spin-text
{
    font-size: 150px;
    font-weight: bold;
    text-transform: uppercase;
    color: #FFFFFF;
    text-shadow: 0 0 5px white, 0 0 10px white, 0 0 20px white, 0 0 40px white, 0 0 80px white;
    transform: rotateY(0deg);
    transform-style: preserve-3d;
    animation: spin-3d 4s infinite linear;
    
}

@keyframes spin-3d 
{
    0% {
        transform: rotateY(0deg);
    }

    100% {
        transform: rotateY(360deg);
    }
}

#scroll-container
{
    height: 929px;
    overflow: hidden;
    
}

#scroll-text {
    height: 100%;
    text-align: center;
    -moz-transform: translateY(200%);
    -webkit-transform: translateY(200%);
    transform: translateY(200%);
    -moz-animation: my-animation 10s linear infinite;
    -webkit-animation: my-animation 10s linear infinite;
    animation: my-animation 10s linear infinite;
}

/* for Firefox */
@-moz-keyframes my-animation 
{
    from 
    {
        -moz-transform: translateY(100%);
    }

    to 
    {
        -moz-transform: translateY(-500%);
    }
}

/* for Chrome */
@-webkit-keyframes my-animation 
{
    from 
    {
        -webkit-transform: translateY(100%);
    }

    to 
    {
        -webkit-transform: translateY(-100%);
    }
}

@keyframes my-animation
{
    from 
    {
        -moz-transform: translateY(100%);
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }

    to 
    {
        -moz-transform: translateY(-300%);
        -webkit-transform: translateY(-300%);
        transform: translateY(-300%);
    }
}

.source 
{
    position: relative;
    bottom: 0px;
    right: 345px;
}