body {
    margin: 0;
    background: #7876BE;
    font-family: Georgia;

    width: 100%;
    height: 100%;
    overflow: hidden;
}

body,
div,
iframe,
[draggable] {
    -webkit-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}

a {
    color: rgb(152, 201, 243);
}

a:hover {
    color: rgb(202, 230, 255);
}

#player_cont {
    width: 799px;
    height: 449px;
    background: #558;
}

#top {
    background: url(http://equestriagaming.equestria.cloud/Arcade/PonyJoust/Original/bg.png);
    background-position: 0 50px;
}

.left_pillar {
    background: url(http://equestriagaming.equestria.cloud/Arcade/PonyJoust/Original/pony.png);
    position: absolute;
    top: -21px;
    width: 130px;
    height: 490px;
}

.right_pillar {
    background: url(http://equestriagaming.equestria.cloud/Arcade/PonyJoust/Original/pony.png);
    background-position: -130px 0;
    position: absolute;
    top: -21px;
    width: 130px;
    height: 490px;
}

#top {
    width: 100%;
    overflow: hidden;
}

#bottom {
    width: 840px;
    margin: 0 auto;
    margin-top: 15px;
}

#preloader {
    width: 100%;
    height: 100%;
    position: absolute;
    background: #334;
    top: 0;
    box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.5);

    -webkit-transition: top 1.0s ease-in-out;
    -moz-transition: top 1.0s ease-in-out;
    transition: top 1.0s ease-in-out;

}

#loading_bar {
    position: absolute;
    bottom: 0;
    width: 0%;
    height: 80px;
    background: #fff;

    -webkit-transition: width 0.3s ease-in-out;
    -moz-transition: width 0.3s ease-in-out;
    transition: width 0.3s ease-in-out;

}

#loading_bar_shadow {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 80px;
    background: rgba(0, 0, 0, 0.2);
}

#test_button_cont {
    cursor: pointer;

    width: 420px;
    height: 150px;
    margin: 0 auto;
    position: relative;
}

#test_button {

    background: #7BB7EB;
    width: 290px;
    height: 70px;
    padding: 20px 30px;

    margin: 0 auto;
    border-bottom: 10px solid #699CC9;

    color: white;
    font-size: 30px;
    text-align: center;

    position: relative;

    -webkit-transition: background 0.1s ease-in-out, top 0.1s ease-in-out;
    -moz-transition: background 0.1s ease-in-out, top 0.1s ease-in-out;
    transition: background 0.1s ease-in-out, top 0.1s ease-in-out;

}

#test_button_cont:hover #test_button {
    background: #9BD0FF;
    top: -10px;
}

#test_button_cont:active #test_button {
    background: #5B88AF;
    top: 5px;
}

#test_shadow {
    width: 380px;
    height: 120px;
    margin: 0 auto;
    margin-top: 10px;
    background: #6665A0;

    -webkit-transition: width 0.1s ease-in-out;
    -moz-transition: width 0.1s ease-in-out;
    transition: width 0.1s ease-in-out;

}

#test_button_cont:hover #test_shadow {
    width: 350px;
}

#post_info {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0px;
    background: #6665A0;

    -webkit-transition: height 0.8s ease-in-out;
    -moz-transition: height 0.8s ease-in-out;
    transition: height 0.8s ease-in-out;

}

#post_info #post_content {
    background: rgb(51, 51, 68);
    width: 800px;
    height: 100%;
    margin: 0 auto;
}

#post_info #post_content #post_text {
    width: 700px;
    padding: 50px;
    color: #bbD;
    font-size: 20px;
}

.post_button_cont {
    width: 220px;
    height: 130px;
    float: left;
    background: #888;
    margin-right: 20px;
    position: relative;

    -webkit-transition: top 0.1s ease-in-out;
    -moz-transition: top 0.1s ease-in-out;
    transition: top 0.1s ease-in-out;

    cursor: pointer;
}

.post_button_cont:hover {
    top: -10px;
}

.post_button_cont #caption {
    width: 100%;
    position: absolute;
    bottom: 0;
    height: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 15px;
    color: white;
    background: rgba(0, 0, 0, 0.5);
    text-align: center;
}

#back_to_game {
    position: absolute;
    background: rgb(123, 183, 235);
    border-bottom: 10px solid rgb(105, 156, 201);
    width: 60px;
    height: 20px;
    right: 0;
    text-align: center;
    padding: 10px;
    color: white
}

#info_buttons {
    position: absolute;
    bottom: 20px;
    right: 20px;
}

#info_credits_button,
#info_twitter_button {
    width: 50px;
    height: 50px;
}

#info_credits_button {
    background: url(http://equestriagaming.equestria.cloud/Arcade/PonyJoust/Original/icon/credits.png);
}

#info_twitter_button {
    background: url(http://equestriagaming.equestria.cloud/Arcade/PonyJoust/Original/icon/tweet.png);
}

#info_twitter_button #info_tweet {
    position: absolute;
    bottom: 50px;
    right: 0;
    padding-bottom: 10px;
    font-size: 16px;
    color: white;
    display: none;
}

#info_twitter_button:hover #info_tweet {
    display: block;
}

#info_credits_button #info_credits {
    position: absolute;
    bottom: 50px;
    right: -50px;
    width: 300px;
    padding-bottom: 10px;
    font-size: 16px;
    color: white;
    display: none;
}

#info_credits_button:hover #info_credits {
    display: block;
}





/*
     FILE ARCHIVED ON 21:51:12 Oct 23, 2022 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 18:54:51 Sep 12, 2023.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 278.343
  exclusion.robots: 0.155
  exclusion.robots.policy: 0.135
  cdx.remote: 0.132
  esindex: 0.021
  LoadShardBlock: 196.252 (3)
  PetaboxLoader3.datanode: 192.464 (5)
  load_resource: 107.629
  PetaboxLoader3.resolve: 63.719
  loaddict: 23.037
*/
height: 50px;
}

#info_credits_button {
    background: url(http://equestriagaming.equestria.cloud/Arcade/PonyJoust/Original/icon/credits.png);
}

#info_twitter_button {
    background: url(http://equestriagaming.equestria.cloud/Arcade/PonyJoust/Original/icon/tweet.png);
}

#info_twitter_button #info_tweet {
    position: absolute;
    bottom: 50px;
    right: 0;
    padding-bottom: 10px;
    font-size: 16px;
    color: white;
    display: none;
}

#info_twitter_button:hover #info_tweet {
    display: block;
}

#info_credits_button #info_credits {
    position: absolute;
    bottom: 50px;
    right: -50px;
    width: 300px;
    padding-bottom: 10px;
    font-size: 16px;
    color: white;
    display: none;
}

#info_credits_button:hover #info_credits {
    display: block;
}





/*
     FILE ARCHIVED ON 21:51:12 Oct 23, 2022 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 18:54:51 Sep 12, 2023.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 278.343
  exclusion.robots: 0.155
  exclusion.robots.policy: 0.135
  cdx.remote: 0.132
  esindex: 0.021
  LoadShardBlock: 196.252 (3)
  PetaboxLoader3.datanode: 192.464 (5)
  load_resource: 107.629
  PetaboxLoader3.resolve: 63.719
  loaddict: 23.037
*/
height: 50px;
}

#info_credits_button {
    background: url(http://equestriagaming.equestria.cloud/Arcade/PonyJoust/Original/icon/credits.png);
}

#info_twitter_button {
    background: url(http://equestriagaming.equestria.cloud/Arcade/PonyJoust/Original/icon/tweet.png);
}

#info_twitter_button #info_tweet {
    position: absolute;
    bottom: 50px;
    right: 0;
    padding-bottom: 10px;
    font-size: 16px;
    color: white;
    display: none;
}

#info_twitter_button:hover #info_tweet {
    display: block;
}

#info_credits_button #info_credits {
    position: absolute;
    bottom: 50px;
    right: -50px;
    width: 300px;
    padding-bottom: 10px;
    font-size: 16px;
    color: white;
    display: none;
}

#info_credits_button:hover #info_credits {
    display: block;
}





/*
     FILE ARCHIVED ON 21:51:12 Oct 23, 2022 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 18:54:51 Sep 12, 2023.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 278.343
  exclusion.robots: 0.155
  exclusion.robots.policy: 0.135
  cdx.remote: 0.132
  esindex: 0.021
  LoadShardBlock: 196.252 (3)
  PetaboxLoader3.datanode: 192.464 (5)
  load_resource: 107.629
  PetaboxLoader3.resolve: 63.719
  loaddict: 23.037
*/