body {margin: 0;
background-color: black;
}



.outer {
    width: 1440px;
    margin: auto;

}

.inner {
    width: 100%;
    margin: auto;
}


#banner {
    width: 100%;
    height: 960px;
    margin: auto;
    float: left;
    background-image: url(images/starstop.png);
    background-repeat: no-repeat;}



#ghosties {
    width: 1440px;
     height: 1000px;
    float: center;
    background-image: url(images/ghoststop.gif);
        background-repeat: no-repeat;
        background-position: 450 300;
        animation-delay: .5s;
}

.tombnav {
    width: 600px;
    height: 700px;
    float: left;
    background-image: url(images/navtomb.png);
    background-repeat: no-repeat;
    background-position: 30;
}

#logo {
   width: 304px;
    height:318px;
   text-align: left;
    margin-left: 100px;
    margin-top: -1000;
    animation-delay: .5s;
    }


nav {
       display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: space-evenly;
    height: 400px;
    align-items: left;
    font-family: 'Caveat', cursive;
    margin-left: 150px;
    margin-top: 150px;
        position:absolute;
    }

nav a {
    color: white;
    font-size: 36px;
    text-decoration: none;
    text-align: left;
  }

nav a:hover {text-decoration: underline;
 color: #f3ce9c;
    transition:  all .3s ease-in;}

#homebutton {
    width: 77px;
    height: 200px;
    position: fixed;
    bottom: 0;
    right: 0;
}

#homebutton:hover {
    opacity: .5;
    transition:  all .3s ease-in;
}

#about {width: 100%;
height: 980px;
    clear: both;
    background-image: url(images/moon.gif);
    background-repeat: no-repeat;
    background-position: 630 40;
    background-color: #f4edf5;
}

#clouds {
    width: 110%;
    margin: auto;
    background-position: 640 1000;
}

.main {
    width: 1440px;
    margin: auto;
    padding-top: 50px;
}

#starsabout {
    width: 1500px;
    height: 200px;
    background-image: url(images/stars.gif);
    background-repeat: no-repeat;
    background-position: 100 -60;

}

#ghost {
    width: 1440px;
    height: 1000px;
    background-image: url(images/ghostabout.gif);
    background-repeat: no-repeat;
    background-position: 600 300;
}

.headings {
    font-family: 'poultrygeistregular';
    font-size: 60px;
   float: right;
   margin-top: -50px;
    padding-right: 340px;
}

#aboutp {
    font-family: acumin-pro, sans-serif;
    width: 350px;
    text-align: center;
    float: right;
    padding-top:50px;
    margin-right: -170px;
}

#tombstone {
    width: 300px;
    height: 400px;
    background-image: url(images/tombstoneabout.gif);
    background-repeat: no-repeat;
    margin-top: -300px;
    margin-left: 50px;
}

.ground {
    width:1440;
    height: 400px;
    background-image: url(images/groundtop.gif);
    background-repeat: no-repeat;
    background-position: -50 220 
}

#cavern1 {
    width: 1390px;
    height: 900px;
    background-image: url(images/cavern.png);
    background-repeat: no-repeat;
    background-position: 0 50
    
}

.sec2 {
    font-family: 'poultrygeistregular';
    font-size: 60px;
   float: left;
   margin-top: -230px;
    padding-left: 100px;
}

.made {
   font-family: acumin-pro, sans-serif;
    width: 500px;
    font-size: 21px;
    text-align: left;
    float: left; 
    margin-top: -620px;
    margin-left: 100px;
    line-height: 1.75;
}

strong {
    font-family: 'poultrygeistregular';
    font-size: 21px;
}

#spider {
    width: 157px;
    height: 300px;
    float: right;
    margin-right: 550px;
    margin-top: 106
}

#dirt {
    width: 800px;
    height: 534px;
    background-image: url(images/dirtspots.gif);
    background-repeat: no-repeat;
    float: right;
    margin-top: -50px;
}

#coffin1 {
    width: 600px;
    height: 400px;
    float: right;
    margin-top: 150px;
    margin-right: 60px;
}

#contact {
    width: 100%;
    height: 1000px;
    
}

#ghouls {
    width:1440px;
    height: 900px;
    background-image: url(images/ghostcontact.gif);
    background-repeat: no-repeat;
    background-position: 590 50;
    }
.headings1 {
   font-family: 'poultrygeistregular';
    font-size: 60px;
   float: left; 
    color: white;
    margin-top: -850px;
}
#vampire {
    width: 358px;
    height: 457px;
    background-image: url(images/vampire.gif);
   margin-top: -450;
    background-repeat: no-repeat;
    
}

.contactp {
    width: 300px;
font-family: acumin-pro, sans-serif;
    font-size: 24px;
    text-align: left;
    float: left;
    color: white;
    margin-top: -750
}

.reveiws {
    width: 550px;
   font-family: acumin-pro, sans-serif;
    font-size: 24px;
    text-align: center;
    float: center;
    color: white; 
    margin-top: -730;
    margin-left: 500
}

.names {
     font-family: 'poultrygeistregular';
    font-size: 36px;
}

#location {
    width: 1440px;
    height: 850px; 
}

#cavern2 {
    width: 1433px;
    height: 837px; 
    background-image: url(images/hell.png);
    background-repeat: no-repeat; 
}

#devil {
    width: 300px;
    height: 423px;
    margin-top: -260px;
    padding-left: 80px;
}

#fireleft {
width: 162px;
height: 101px;
margin-top: -160px;
margin-left: 500px;
}

#firemiddle {
    width: 105px;
    height: 53px;
   margin-top: -80px;
margin-left: 750px; 
}

#fireright {
    width: 105px;
    height: 53px;
   margin-top: -200px;
margin-left: 1030px; 
}

#smoke {
    width: 200px;
    height: 200px;
    margin-top: -250px;
    margin-left: 1100px;}
    
.heading2 {
   font-family: 'poultrygeistregular';
    font-size: 60px;
   float: left;  
    margin-top: 150px;
    margin-left: -300px;
}

iframe {
    margin-top: 186px;
    margin-left: 30px;
}
#border {
    width: 700px;
    height: 800px;
    background-image: url(images/mapborder.gif);
    background-repeat: no-repeat;
    margin-left: 350;
    background-position: 0 130
}

#locationp {
       width: 300px;
font-family: acumin-pro, sans-serif;
    font-size: 24px;
    text-align: left;
    float: left;
    margin-top: 300px;
    margin-left: 80px;
    
}

.map {
    -webkit-filter: grayscale(100%);
       -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
         -o-filter: grayscale(100%);
            filter: grayscale(100%);
}

#address {
   font-family: acumin-pro, sans-serif;
    font-size: 24px;
    text-align: center;
    float: center; 
    margin-top: -130px;
}

.footer {
width: 1440px;
height: 100;
margin: auto;
}

#email {
text-decoration: none;
font-family: 'Caveat', cursive;
color: white;
font-size: 24px;
margin-left: 150px;

}


#email:hover {
    opacity: .5;
    transition:  all .3s ease-in;
}

#phone {
font-family: 'Caveat', cursive;
color: white;
font-size: 24px;
margin-left: 150px;
}

.social {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-end;
    margin-top: -90px;
    margin-right: 100px;
}

#facebook {
    width: 79px;
    height: 72px;
}
#facebook:hover {
    opacity: .5;
    transition:  all .3s ease-in;
}

#insta {
    width: 79px;
    height: 72px;
}

#insta:hover {
    opacity: .5;
    transition:  all .3s ease-in;
}

#twitter {
    width: 79px;
    height: 72px;
}

#twitter:hover {
    opacity: .5;
    transition:  all .3s ease-in;
}

#copyright {
font-family: 'Caveat', cursive;
color: white;
font-size: 14px;
text-align: center;
float: center;
}