body { 
	 color: seagreen;
 
 background-color: black;

font-size: 20px;

 }

a { 
	color: rebeccapurple;

}

h1 {
	
	border-style: solid;
    border-width: 5px;
    font-family: Copperplate;
    border-radius: 15px;
    padding: .5em;
    text-align: center;

	font-family: Copperplate
}

p { 
	font-family:Rockwell;
font-size: 1em;
font-size: 16.5px;

}	

div#container {
	
	margin: 0 auto;
	width: 800px;
}

img  {
	 max-width: 100%;
	height:auto;  
}

#elevator, #monster {
	display: block; 
	margin:  45px auto;
	width: 45%;           
    max-height: 300px;
    object-fit: cover;

    }



    #monster {
    display: block;
    margin: 45px auto;
    width: 45%;
    max-height: 300px;
    object-fit: cover;

    border: 4px solid rebeccapurple;      
    border-radius: 10px;                   
    box-shadow: 0 0 25px seagreen,        
                0 0 40px rebeccapurple inset;
    filter: drop-shadow(0 0 15px black);   
    transition: transform 0.3s, box-shadow 0.3s;
}

#monster:hover {
    transform: scale(1.05);
    box-shadow: 0 0 35px seagreen, 0 0 50px rebeccapurple inset;
}




#elevator {
    display: block;
    margin: 45px auto;
    width: 45%;
    max-height: 300px;
    object-fit: cover;

    border: 4px solid lightseagreen;     
    border-radius: 15px;
    box-shadow: 0 0 15px seagreen;         
    filter: drop-shadow(0 0 8px gray);     
    transition: transform 0.3s, box-shadow 0.3s;
}

#elevator:hover {
    transform: scale(1.02);
    box-shadow: 0 0 20px seagreen;
}