body{
  margin:0;
  padding:0;
  background-color:white;
  color:white;
  font-family: 'Franklin Gothic Medium', 'Franklin Gothic', 'ITC Franklin Gothic', Arial, sans-serif;
  font-size: 30px;
  font-style: normal;
  font-variant: normal;
  font-weight: bold;
  line-height: 8px;

} 
.header {
   ; /*comment out any infor to make sure the css is linked up to the html*/
    height:100px;
    text-align:center;
    margin:30px;
}
.doors{
  margin-top:50px ;
  margin-left: 90px;
  margin-right: 40px;

}
div {
  float:left;
  margin: 9px;
  text-align: center;
 

}
#door1{ 
    
    height:300px;
    width:100px;
    border:100px;
    border-color: black;  
    border-style: solid;
    border-width: 10px;
    margin-left: 100px ;
    background-color: #979891;
    

 }
#door1:hover{transform: perspective( 600px ) rotateY( -45deg ) }

 #door2{ 
   
    height:300px;
    width:100px;
    border:100px;
    border-color: black;
    border-style: solid;
    border-width: 10px;
    margin-right: 0.5px;
    background-color: #979891
 }
 #door2:hover{transform: perspective( 600px ) rotateY( -45deg ) }

 #door3{ 
    
    height:300px;
    width:100px;
    border:100px;
    border-color: black;
    border-style: solid;
    border-width: 10px;
    margin-left: 0.5px;
    background-color: #979891
 }
 #door3:hover{transform: perspective( 600px ) rotateY( -135deg)}
 
 #door4{ 
  
    height:300px;
    width:100px;
    border:100px;
    border-color: black;
    border-style: solid;
    border-width: 10px;
    margin-right:0.5px;
    background-color: #979891
 }
  #door4:hover{transform: perspective( 600px ) rotateY( -45deg)}

 #door5{ 
  
    height:300px;
    width:100px;
    border:100px;
    border-color: black;
    border-style: solid;
    border-width: 10px;
    margin-left: 0.5px;
    background-color: #979891
 }
 #door5:hover{transform: perspective( 600px ) rotateY( -135deg)}
 #door6{ 
  
    height:300px;
    width:100px;
    border:100px;
    border-color: black;
    border-style: solid;
    border-width: 10px;
    margin-right:0.5px;
    background-color: #979891

 }

 #door7{ 
  
    height:300px;
    width:100px;
    border:100px;
    border-color: black;
    border-style: solid;
    border-width: 10px;
    margin-left: 0.5px;
    margin-right: 50px;
    background-color: #979891

 }

.button {
    background-color: #4CAF50;
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
    padding-top: 100px;
}
/*@media screen and (max-device-width: 640px){

.noshow{

    display:none;

}*/