body:after {
  content: url(../img/lion_btm_white.png) url(../img/qtr_stairs_hover.png) url(../img/queenstower_hover.png) url(../img/cr_door_hover.png) url(../img/bookshelf_book_hover.png) url(../img/chest_hover.png) url(../img/cr_clock_wrong_hover.png);
  display: none; 
}

* {
  margin: 0;
  padding: 0;
  border: none;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  background-clip: padding-box;


  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */


}

#black {
    background-color: black;
    z-index: 10000;
    position: fixed;
    height: 1920px;
    display: none;
    width: 100%;
}

body {
    font-family: 'main';
    border: 0;
    background-color: black;
    color: white;  
    overflow:hidden;

}
.menu_btn {
    position: absolute;
    bottom: 45px;
    font-size: 40px;
    width: 300px;
    text-align: center;
    cursor: pointer;
    opacity: 0.7;
}
.menu_btn:hover {
    font-size: 45px;
    opacity: 1;
}
.menu_options {
    left: 35px;
}
.menu_about {
    right: 35px;
}
.menu_play {
    left: 490px;
}

.menu_container div {
    margin: 20px;
    text-align: center;
    width: 100%;
    font-size: 30px;
    cursor: pointer;
}
.menu_container div:hover {
    font-size: 35px;
}

.title {
    width: 100%;
    font-size: 80px;
    padding-top: 200px;
    text-align: center; 
}
.flicker {
  transition: all 0.5s ease;
}
.flicker_black {
    width: 1920%;
    height: 740px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
}
.menu_bg {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1000;
}

.container {
    z-index: 0;
    width: 1300px;
    /*background-color: black;*/
    position: absolute;
    top: 0;
    left: 0;
    height: 740px;
}

#most_outer_container {
    position: relative;
    width: 1300px;
    height: 740;
    margin: auto;
}
.narr {
    position: absolute;
    font-size: 35px;
    padding: 15px 20px 15px 20px;
    border-radius: 10px;
    background-color: rgba(0,0,0,0.7);
    color: #FFF;
    margin: 5px;
    right: 0;
    top: 0;
}

.intro_big_text {
    position: absolute;
    font-size: 80px;
    top: 300px;
    left: 0;
    width: 1300px;
    height: 740px;
    text-align: center;
}

/* Helper CSS methods */
.size {
    width: 1300px;
    height: 740px;
}
.bg {
    position: absolute;
    z-index: -1000;
    width: 1300px;
    height: 740px;
}
.top {
    pointer-events: none;
    position: absolute;
    z-index: 1000;
    width: 1300px;
    height: 740px;
}
.mid {
    z-index: 500;
    position: absolute;
    width: 1300px;
    height: 740px;
}
.obj {
    cursor: pointer;
    position: absolute;
    top:0;
    left: 0;
    z-index: 800;
}
.hover_obj {
    cursor: pointer;
}
/* Bookshelf Stuff */
.bookshelf {

}
.bookshelf_book_hover, .hover_obj {
    z-index: 505;
    position: absolute;
    /*display: none;*/
}

.no_ease {
  transition: all 0s ease;
}
.bookshelf_book {
    left: 360px;
    top: 233px;
}
#book_qtower {
    top: 176px;
    left: 916px;
}
#lion_white {
    top: 565px;
    left: 300px;
}
#lion_white:hover {
    opacity: 0.3;
}
#door_white {
    left: 714px;
    top: 407px;
}
#door_white:hover {
    opacity: 0.3;
}

#lion_btm_white {
    left: 400px;
    top: 469px;
}
#lion_btm_white:hover {
    opacity: 0.3;
}

.inventory {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 300;
}

#capture {
    cursor: pointer;
    position: absolute;
    border: 0 !important;
    width: 200px;
    top: 530px;
    left: 550px;
}
#capture:hover { opacity: 0.7; }
.phone {
    position: absolute;
    top: 15;
    left: 15;
    z-index: 3000;
    cursor: pointer;
}
#phone {
    position: absolute;
    top: 0;
    left: 0;
}
.phone:hover {

}
.inventory_item {
    cursor: pointer;
    display: inline-block;
    padding: 10px;
}

.inventory_item:hover {
    /*opacity: 0.9;*/
}

.inventory_item_present {
    color: green;
}

.inventory_item_missing {
    color: red;
    display: none;
}

.inventory_item_highlight {
    border: 1px solid white;
}

#lion_book {
    left: 312px;
    top: 477px;
}


#entrance_door {
    left: 490px;
    top: 289px;
    z-index: 805;
}
#left_door {
    left: 490px;
    top: 289px;
}
#right_door {
    left: 620px;
    top: 289px;
}


#qtr1 {
    left: 515px;
    top: 41px;
}
#qtr2 {
    left: 695px;
    top: 41px;
}
#qtr3 {
    left: 515px;
    top: 165px;
}
#qtr4 {
    left: 695px;
    top: 165px;
}
#ending_black {
    width: 100%;
}
#ending_light { opacity: 0; }
#qtr1:hover, #qtr2:hover, #qtr3:hover, #qtr4:hover {opacity: 0.4;}

#scan_notif {
    border-radius: 10px;
    position: absolute;
    top: 300px;
    left: 0px;
    background-color: rgba(0,0,0,0.7);
    padding: 15px;
    font-size: 24px;
    width: 330px;
}
.best_stairs {
    position: absolute;
    left: 358px;
    top: 0;
}
.clock_hand{
    pointer-events: none;
}
.cr_circle {
    /*opacity: 0;*/
    width: 70px;
    height: 70px;
    opacity: 0.4;
}

.cr_circle:hover {
    opacity: 0.8;
}