#cosmic-express
{
    background: url('../images/cosmic-express/background.png') fixed;
    background-color: #161B34;
    color: white;
    box-shadow: inset 0 9px 9px -9px black;
    overflow: hidden;
}

#cosmic-express-gradient
{
    background: url('../images/cosmic-express/background-gradient.png') fixed;
    background: linear-gradient(to bottom, rgba(60,62,99,0), rgba(60,62,99,0) 60%, rgba(60,62,99,1)) fixed;
    background-size: 100% 100%;
}

#cosmic-express-logo
{
    background-image: url('../images/cosmic-express/logo.png');
    background-size: 100%;
    background-repeat: no-repeat;
    background-size: 100% auto;
    padding-bottom: 20.8095%;
    position: relative;
    margin: -25% 0 0 5%;
    width: 50%;
    z-index: 1;
}

@media only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2)
{

	#cosmic-express-logo
	{
		background-image: url('../images/cosmic-express/logo@2x.png');
	}
}

#cosmic-express-island-container
{
    margin: 0 auto;
    max-width: 679px;
    /*height: 639px;*/
}

#cosmic-express-island
{
    background-image: url('../images/cosmic-express/demo/island.png');
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    left: 5%;
    padding-bottom: 94.10898379970545%;
}

#cosmic-express-island-gif
{
    background-image: url('../images/cosmic-express/demo/looping_level.gif');
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    /*left: 57px;*/
    /*top: 217px;*/
    /*width: 522px;*/
    /*height: 263px;*/
    margin-left: 13.394698085419735%;
    margin-top: -62.15022091310751%;
    margin-bottom: 31.07511045655376%;
    width: 76.87776141384389%;
    padding-bottom: 38.73343151693667%;
}

@-webkit-keyframes float
{
    0% { top: -10px }
    50% { top: 10px }
    100% { top: -10px }
}

@-moz-keyframes float
{
    0% { top: -10px }
    50% { top: 10px }
    100% { top: -10px }
}

@-ms-keyframes float
{
    0% { top: -10px }
    50% { top: 10px }
    100% { top: -10px }
}

@-o-keyframes float
{
    0% { top: -10px }
    50% { top: 10px }
    100% { top: -10px }
}

@keyframes float
{
    0% { top: -10px }
    50% { top: 10px }
    100% { top: -10px }
}

#cosmic-express-floating-island-01
{
    background-image: url('../images/cosmic-express/demo/floating_island_01.png');
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    /*width: 103px;*/
    /*height: 148px;*/
    width: 15.16936671575847%;
    padding-bottom: 21.79675994108984%;
    -webkit-animation: float 4000ms ease-in-out infinite;
    -moz-animation: float 4000ms ease-in-out infinite;
    -o-animation: float 4000ms ease-in-out infinite;
    animation: float 4000ms ease-in-out infinite;
}

#cosmic-express-floating-island-02
{
    background-image: url('../images/cosmic-express/demo/floating_island_02.png');
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    /*width: 68px;*/
    /*height: 115px;*/
    width: 10.01472754050074%;
    padding-bottom: 16.93667157584683%;
    -webkit-animation: float 7000ms ease-in-out infinite;
    -moz-animation: float 7000ms ease-in-out infinite;
    -o-animation: float 7000ms ease-in-out infinite;
    animation: float 7000ms ease-in-out infinite;
}

#cosmic-express-floating-island-03
{
    background-image: url('../images/cosmic-express/demo/floating_island_03.png');
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    /*width: 134px;*/
    /*height: 99px;*/
    width: 19.73490427098675%;
    padding-bottom: 14.58026509572901%;
    -webkit-animation: float 3000ms ease-in-out infinite;
    -moz-animation: float 3000ms ease-in-out infinite;
    -o-animation: float 3000ms ease-in-out infinite;
    animation: float 3000ms ease-in-out infinite;
}

#cosmic-express .button
{
    background-color: white;
    border: 2px solid white;
    color: #04090C;
    line-height: 37px;
}

#cosmic-express .button.app-store, #cosmic-express .button.google-play, #cosmic-express .button.steam
{
    border: 2px solid black;
}