h1{
    text-align: center;
    font-size: 64px;

    font-family: "Pixelify Sans", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;

    margin: 5px 0 15px 0;
}

h2{
    text-align: center;
    font-size: 50px;

    font-family: "Pixelify Sans", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;

    margin: 5px 0 15px 0;
}

h3{
    text-align: center;
    font-size: 25px;

    font-family: "Pixelify Sans", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;

    margin: 5px 0 0 0;
}
h4{
    text-align: center;
    font-size: 20px;

    font-family: "Pixelify Sans", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;

    margin: 5px 0 0 0;
}

p{
    font-family: "Pixelify Sans", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-size: 17.5px;

    color: #ffffff;

    padding: 30px;


}



#main_menu{
    position: fixed;
    z-index: 3;
    left: 50%;
    transform: translate(-50%, 0);

    height: 700px;
    width: 1400px;
    background-position: center;
    background-size: 100%;
    background-color: #ffffff;

    border: 6px solid #000000;
}
.main_text{
    margin: 90px auto 28px auto;
    width: 500px;
}
.main_text2{
    margin-top: 250px;
}
.play_button{
    position: fixed;
    z-index: 3;
    left: 50%;
    transform: translate(-50%, 0);
    margin: 70px 0 70px 0;

    height: 40px;
    width: 200px;
    background-size: 100%;


    background-image: url('../images/assets/playButton.png');
}
.play_button:hover{
    background-image: url('../images/assets/playButton.gif');

    height: 55px;
    width: 280px; 
}


.requiemtextbox{
    background:white;
    border-style:solid;
    border-width:5px;
    border-color:black;
}

.ending_text{
    margin: 90px auto 28px auto;
    width: 500px;
}
.play_again{
    position: fixed;
    z-index: 3;
    left: 50%;
    transform: translate(-50%, 0);

    margin-top: 50px;

    background-image: url('../images/assets/choice.png');

    background-position: center;
    background-size: 100%;
    height: 40px;
    width: 200px;


    color: rgb(255, 255, 255);  
}
.play_again:hover{
    height: 45px;
    width: 205px; 
}
.exit{
    position: fixed;
    z-index: 3;
    left: 50%;
    transform: translate(-50%, 0);

    margin-top: 120px;

    background-image: url('../images/assets/choice.png');

    background-position: center;
    background-size: 100%;
    height: 40px;
    width: 200px;


    color: rgb(255, 255, 255);  
}
.exit:hover{
    height: 45px;
    width: 205px; 
}





.slide{
    position: fixed;
    z-index: 1;
    left: 50%;
    transform: translate(-50%, 0);

    height: 700px;
    width: 1400px;
    background-position: center;
    background-size: 100%;

    border: 6px solid #000000;
}
#slide_0{
    background-image: url('../images/alleyway.png');
}
#slide_1{
    background-image: url('../images/alleyway.png');
}
#slide_2{
    background-image: url('../images/alleyway.png');
}
#slide_3{
    background-image: url('../images/alleyway.png');
}
#slide_4{
    background-image: url('../images/alleyway.png');
}
#slide_5{
    background-image: url('../images/bobwavingimage.png');
}
#slide_6{
    background-image: url('../images/bobstarterimage.png');
}
#slide_7{
    background-image: url('../images/secretbobimage.png');
}
#slide_8{
    background-image: url('../images/secretbobimage.png');
    background-size: 160%;
}
#slide_9{
    background-image: url('../images/secretbobimage.png');
    background-size: 160%;
}
#slide_10{
    background-image: url('../images/secretbobimage.png');
    background-size: 160%;
}
#slide_11{
    background-image: url('../images/secretbobimage.png');
    background-size: 160%;
}
#slide_12{
    background-image: url('../images/AGodimage.png');
}
#slide_13{
    background-image: url('../images/water.png');
}
#slide_14{
    background-image: url('../images/bobstarterimage.png');
}
#slide_15{
    background-image: url('../images/bobstarterimage.png');
}

/* PIANO ROUTE */
#slide_16{
    background-image: url('../images/alleyway.png');
}
#slide_17{
    background-image: url('../images/alleyway.png');
}
#slide_18{
    background-image: url('../images/alleyway.png');
}
#slide_19{
    background-image: url('../images/alleyway.png');
}
#slide_20{
    background-image: url('../images/alleyway_exit.png');
}
#slide_21{
    background-image: url('../images/piano_ending/piano_1.png');
}
#slide_22{
    background-image: url('../images/piano_ending/piano_1.png');
}
#slide_84{
    background-image: url('../images/piano_ending/piano_1.png');
}
#slide_85{
    background-image: url('../images/piano_ending/piano_1.png');
}
#slide_86{
    background-image: url('../images/piano_ending/piano_4.png');
}
#slide_87{
    background-image: url('../images/piano_ending/piano_5.png');
}
#slide_88{
    background-image: url('../images/piano_ending/piano_3.png');
}
#slide_23{
    background-image: url('../images/piano_ending/piano_ending.png');
}


#slide_24{
    background-image: url('../images/bobhappy.png');
}
#slide_25{
    background-image: url('../images/bobwavingimage.png');
}
#slide_26{
    background-image: url('../images/bobstarterimage.png');
}
#slide_27{
    background-image: url('../images/bobhappy.png');
}
#slide_28{
    background-image: url('../images/drinkschoice.png');
}


/* DEATHLOOP */
#slide_29{
    background-image: url('../images/water.png');
}
#slide_30{
    background-image: url('../images/water.png');
}
#slide_31{
    background-image: url('../images/deathloopbetter.gif');
}
/* DEATHLOOP */


#slide_32{
    background-image: url('../images/drpepper.png');
}
#slide_89{
    background-image: url('../images/bobnervous.png');
}
#slide_33{
    background-image: url('../images/water.png');
}
#slide_34{
    background-image: url('../images/bobhappy.png');
}
#slide_35{
    background-image: url('../images/bobnervous.png');
}
#slide_36{
    background-image: url('../images/bobembarrassed.png');
}
#slide_37{
    background-image: url('../images/bobembarrassed.png');
    background-size: 150%;
}
#slide_38{
    background-image: url('../images/bobspam.png');
}

/* SPAMTON */
#slide_39{
    background-image: url('../images/bobspam.png');
}
#slide_40{
    background-image: url('../images/spamton.png');
}
#slide_41{
    background-image: url('../images/spamtonend.png');
}
/* SPAMTON */


#slide_42{
    background-image: url('../images/bobnervous.png');
}
#slide_43{
    background-image: url('../images/bobhappy.png');
}

#slide_44{
    background-image: url('../images/bobcats.png');
}
#slide_45{
    background-image: url('../images/boblegs.png');
}
#slide_46{
    background-image: url('../images/bobstarterimage.png');
}
#slide_47{
    background-image: url('../images/bobcute.png');
}
#slide_48{
    background-image: url('../images/bobcute.png');
}
#slide_49{
    background-image: url('../images/bobmad.png');
}


/* TRAIN */
#slide_50{
    background-image: url('../images/bobhappy.png');
}
#slide_51{
    background-image: url('../images/bobstarterimage.png');
}
#slide_52{
    background-image: url('../images/bobstarterimage.png');
}
#slide_53{
    background-image: url('../images/bobembarrassed.png');
}
#slide_54{
    background-image: url('../images/train_ending/trainquestion.png');
}
#slide_55{
    background-image: url('../images/train_ending/objection.gif');
}
#slide_56{
    background-image: url('../images/train_ending/ace1.png');
}
#slide_57{
    background-image: url('../images/train_ending/ace2.png');
}
#slide_58{
    background-image: url('../images/train_ending/train1.png');
}
#slide_59{
    background-image: url('../images/train_ending/ace3.png');
}
#slide_60{
    background-image: url('../images/train_ending/train2.png');
}
#slide_61{
    background-image: url('../images/train_ending/ace2.png');
}
#slide_62{
    background-image: url('../images/train_ending/train3.png');
}
#slide_63{
    background-image: url('../images/train_ending/train4.png');
}
#slide_64{
    background-image: url('../images/train_ending/train_end.png');
}
/* TRAIN */



/* GODHOOD */
#slide_65{
    background-image: url('../images/drpepper.png');
}
#slide_66{
    background-image: url('../images/bobnervous.png');
}
#slide_67{
    background-image: url('../images/bobwavingimage.png');
}
#slide_68{
    background-image: url('../images/train_ending/train2.png');
}
#slide_69{
    background-image: url('../images/bobhappy.png');
}
#slide_70{
    background-image: url('../images/bobkeikaku.png');
}
#slide_71{
    background-image: url('../images/bobbacon.png');
}
#slide_79{
    background-image: url('../images/bobshock.png');
}
#slide_80{
    background-image: url('../images/bobestatic.png');
}
#slide_81{
    background-image: url('../images/train_ending/train2.png');
}
#slide_82{
    background-image: url('../images/bobcrying.png');
}
#slide_83{
    background-image: url('../images/bobsmallsmile.png');
}
#slide_84{
    background-image: url('../images/robgod.png');
}
#slide_90{
    background-image: url('../images/robgod.png');
}



/* GAMES */
#slide_72{
    background-image: url('../images/bobstarterimage.png');
}
#slide_73{
    background-image: url('../images/bobwavingimage.png');
}
#slide_74{
    background-image: url('../images/train_ending/train2.png');
}
#slide_75{
    background-image: url('../images/bobapprove.png');
}
#slide_76{
    background-image: url('../images/bobstarterimage.png');
}
#slide_77{
    background-image: url('../images/bobbye.png');
}
#slide_78{
    background-image: url('../images/robcrying.png');
}








.pov{
    position: fixed;
    z-index: 2;
    top: 570px;
    left: 50%;
    transform: translate(-50%, 0);

    height: 160px;
    width: 600px;

    filter: drop-shadow(0 0 0.75rem rgb(255, 255, 255));
}
.stranger{
    background-image: url('../images/assets/text_stranger.png');
}
.bob{
    background-image: url('../images/assets/text_bob.png');
}
.rob{
    background-image: url('../images/assets/text_rob.png');
}



button{
    font-family: "Pixelify Sans", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-size: 20px;
}
.next{
    position:fixed;
    z-index: 2;
    top: 91%;
    left: 65.8%;

    background-image: url('../images/assets/next.png');
    background-position: center;
    background-size: 100%;
    height: 40px;
    width: 80px;

	color: rgb(255, 255, 255);  
}
.next:hover{
    height: 45px;
    width: 85px;
}
.choices{
    display: flex;
    margin: 640px auto;
}
.choice_1{
    background-image: url('../images/assets/choice.png');
    background-position: center;
    background-size: 100%;
    height: 40px;
    width: 200px;

    margin-right: 15px;

	color: rgb(255, 255, 255);  
}
.choice_1:hover{
    height: 45px;
    width: 205px; 
}

.hidden
{
    visibility: hidden;
}
.visible
{
    visibility: visible;
}