@font-face {
    font-family: railroad;
    src: url(../media/railroad.ttf);
}

body {
    margin: 0;

}

.container {
    width: 1200px;
    height: 857px;
    margin: 0 auto;
    background-color: rgba(1, 181, 215, 1);
    position: relative;
}

/*index.html*/





#mask {
    position: absolute;
    left: 300px;
    top: 200px;


}

#mask:hover {
    filter: drop-shadow(8px 8px 10px black);

}

#maskup {
    font-family: railroad;
    font-size: 72px;
    position: absolute;
    left: 485px;
    top: 390px;
}




/*begin/vaccine.html*/

.map {
    position: absolute;
    left: 200px;
    width: 800px;
    height: 800px;
    top: 30px;

}

#maps:hover {
    filter: drop-shadow(8px 8px 10px black);

}



/*choices*/

.usamap {

    left: 180px;
    top: 200px;
    position: absolute;
}

#arrow1 {
    left: 840px;
    top: 180px;
    position: absolute;
}

#arrow1:hover {
    filter: drop-shadow(8px 8px 10px black);

}





#arrow3 {
    left: 195px;
    top: 390px;
    position: absolute;
}


#arrow3:hover {
    filter: drop-shadow(8px 8px 10px black);

}

/*calia.html*/

#highwayempty {

    left: 180px;
    top: 160px;
    position: absolute;
}

#highwayempty:hover {

    filter: drop-shadow(8px 8px 10px black);

}


/*calib.html*/

#highwaypov {

    position: absolute;
    top: 100px;
    left: 100px;

}

#target {

    position: absolute;
    top: 150px;
    left: 300px;

}

#target:hover {

    filter: drop-shadow(8px 8px 10px black);

}


#clinic {

    position: absolute;
    top: 150px;
    left: 710px;

}


#clinic:hover {

    filter: drop-shadow(8px 8px 10px black);

}



/*calic.html*/

.empty {

    position: absolute;
    top: 100px;
    left: 100px;

}

#person {

    position: absolute;
    top: 387px;
    left: 565px;


}

#person:hover {

    filter: drop-shadow(8px 8px 10px black);


}

#soldout {

    font-family: railroad;
    font-size: 72px;
    position: absolute;
    top: -50px;
    left: 30px;
}

/*newyorka..html*/


#cd1 {

    position: absolute;
    top: 200px;
    left: 65px;


}

#cd1:hover {
    filter: drop-shadow(8px 8px 10px black);

}

#ny1 {

    position: absolute;
    top: 225px;
    left: 650px;

}

#ny1:hover {
    filter: drop-shadow(8px 8px 10px black);

}

#survive {
    font-family: railroad;
    font-size: 100px;
    text-align: center;
    position: absolute;
    top: -30px;
    left: 450
}



/*newyorkb.html*/

#dis {
    font-family: railroad;
    font-size: 72;
    position: absolute;
    top: -50px;
    left: 560px;
}

#vent {
    position: absolute;
    top: 300px;
    left: 90px;
}

#vent:hover {
    filter: drop-shadow(8px 8px 10px black);
}

#advice {
    position: absolute;
    top: 250px;
    left: 610px;
}

#advice:hover {
    filter: drop-shadow(8px 8px 10px black);
}

/*vaccineinfo.html*/

#info {
    font-family: railroad;
    font-size: 50px;
    text-align: center;
    position: absolute;
    top: -30px;
}

#replay {
    position: absolute;
    top: 600px;
    left: 480px;

}

#replay:hover {
    filter: drop-shadow(8px 8px 10px black);

}

#cdc {
    position: absolute;
    top: 300px;
    left: 410px;


}


#cdc:hover {
    filter: drop-shadow(8px 8px 10px black);

}

/* vaccineinfotwo.html */



#cdctwo {
    position: absolute;
    top: 260px;
    left: 410px;


}


#cdctwo:hover {
    filter: drop-shadow(8px 8px 10px black);
}


#replayone {
    position: absolute;
    top: 550px;
    left: 480px;

}

#replayone:hover {
    filter: drop-shadow(8px 8px 10px black);