body { 
  background: url('background.jpg');
  background-color: #000000;
  background-position: center; 
  background-repeat: no-repeat;
  background-size: cover;   
  
}

.container2 {
  display: block;
  padding-left: 25px;
  font-family: 'Quicksand', serif;  
  font-size: 1em;
  text-align:center;
  margin: auto;
  background-color: rgba(67,70,75, 0.8);

}
 p {
      font-family: 'Quicksand', serif; 
 }
 
.ghost {
    font-family: 'Quicksand', serif;    
    font-size: 20px;
    color: rgb(100,50,50); 
} 
.ghostinfo {
     font-family: 'Quicksand', serif;
     font-size: 16px;
     padding-left: 4px;
}

.ghostbox {
    background-color: rgba(0, 0, 0, 0.1);
}
.bgimage {
    background-image: url("Bleasdale.jpg");
}

button { 
    text-decoration: none;
    border: 0px;
    background-color: transparent;
    font-family: 'IM Fell DW Pica SC', serif;     
}

.evid {
    background-color: transparent;
    color: rgb(150,150,150); 
    text-decoration: none; 
    font-style: normal; 
    font-size:20;
    font-family: 'Quicksand', serif;
    font-weight:normal; 
    border:0px dashed white; 
    padding:4px;
    text-align: left;
}


.title {
    font-size: 30px;
    font-family: 'Quicksand', serif; 
    color: rgb(100,50,50); 
    text-transform: uppercase;
    text-decoration: underline;
}


            #wrapper {
              /*  padding: 25px;*/
                padding-left: 10px;
                padding-right: 10px;
                display: flex;
            }

            #ghosts {
                font-family: 'Quicksand', serif;
                color: rgb(150,150,150);
                background-color: rgba(0,0,0,0.7);
                border-left: solid rgb(45,45,45) 3px;
                margin-left: 5px;
                padding-left: 25px;
            }

            #possibleGhosts {
                list-style: square inside url("x.png");
                text-transform: uppercase;
            }

            #possibleGhosts li {
                font-size: 2em;
                color: rgb(100,50,50);
            }
            .stuff {
                
            }

            #possibleGhosts p {
                margin-top: -10px;
                margin-bottom: 10px;
            }

            #evidence {
                font-family: 'IM Fell DW Pica SC', serif;
                color: rgb(45,45,45);
                text-transform: uppercase;
            }

            #evidence h1 {
                margin-bottom: 15px;
            }

            #evidence .button {
                margin-bottom: 15px;
            }

            #emf,#spiritbox,#fingerprints,#ghostorbs,#ghostwritings,#freezingtemperatures,#newevidence {
                width: 355px;
                height: 38px;
                background-repeat: no-repeat;
                background-position: left;
                margin-bottom: 15px;
            }

            #emf:hover,#spiritbox:hover,#fingerprints:hover,#ghostorbs:hover,#ghostwritings:hover,#freezingtemperatures:hover,#newevidence:hover {
                cursor: pointer;
                font-weight: bolder;
                font-style: oblique;
            }
/*
            #emf {
                background-image: url('btnsUnchecked/emf.png');
                border: 2px black;
            }

            #spiritbox {
                background-image: url('btnsUnchecked/spiritbox.png');
                border: 2px black;
            }

            #fingerprints {
                background-image: url('btnsUnchecked/fingerprints.png');
                border: 2px black;
            }

            #ghostorbs {
                background-image: url('btnsUnchecked/ghostorbs.png');
                border: 2px black;
            }

            #ghostwritings {
                background-image: url('btnsUnchecked/ghostwritings.png');
                border: 2px black;
            }

            #freezingtemperatures {
                background-image: url('btnsUnchecked/freezingtemperatures.png');
                border: 2px black;
            }
*/            



            .box {
                padding:3px;
                margin:20px;
                text-transform:none;
                font-family: 'Quicksand', sans-serif;
                background-color: black;
                background-color: rgba(0, 0, 0, 0.1) ;               
            }
            .weakness {
                color: rgb(75, 172, 52);
            }
            .note {
                color: rgb(79,148,209);
                font-style:italic;
            }
            .disabled {
                color: grey;
                text-decoration: line-through;
            }
            .unchecked {
                color: black;
                text-decoration: none;

            }
            .checked {
                color: rgb(100,50,50);
                font-style: italic;
                font-weight: bolder;
                background-color: rgba(0, 0, 0, 0.1);

            }
            .checked::before {
                content: "--";
                
            }
            .checked::after {
                content: "--";
                
            }
            
            .items {
                text-transform: uppercase;
                font-weight: bold;
                letter-spacing: 2px;
            }
            
            hr {
                border: solid 1px black;
            }
            
            label {
                font-size: 1em;
                font-family: 'Quicksand', serif;
                color: rgb(79,148,209);    
                padding: 2px;
                
            }
            
.ghosttype {
    font-variant: small-caps;
    font-weight: bolder;
    font-size: 1.5em;
}            
.myButton {
	box-shadow:inset 0px 1px 3px 0px #b89199;
	background:linear-gradient(to bottom, #4f94d1 5%, #185182 100%);
	background-color:#4f94d1;
	border-radius:5px;
	border:1px solid #093a65;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:10px;
	font-weight:bold;
	padding:3px 3px;
	text-decoration:none;
	text-shadow:0px -1px 0px #541111;
}
.myButton:hover {
	background:linear-gradient(to bottom, #185182 5%, #4f94d1 100%);
	background-color:#185182;
}
.myButton:active {
	position:relative;
	top:1px;
}

.mapstuff {
    color: rgb(120,120,120);
}
html {
  position: relative;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;

}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;
  line-height: 60px; /* Vertically center the text there */
  background-color: black;
  background-color: rgba(67,70,75, 0.8);
  color: rgb(120,120,120);
}