}
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;
  display: center;

} 



.header {
    /*comment out any infor to make sure the css is linked up to the html*/
    height:100px;
    text-align:center;
    margin:20px;
    color: white;
}
.

}
.doorset1{
 display: inline-block;

}
 
#door1{ 
    
    height:300px;
    width:100px;
    border:100px;
    border-color: black;  
    border-style: solid;
    border-width: 10px;
    background-color: #979891;
    margin: 20px;
    margin-left: 300px;
 }
#door2{ 
    
    height:300px;
    width:100px;
    border:100px;
    border-width: 10px;
    margin: 30px;
    border-color: black;  
    border-style: solid;
    background-color: #979891;
    cursor:help;
    margin-left: 300px;
 }
.doorset2{
    display: inline-block;
}
#door3{ 
    
    height:300px;
    width:100px;
    border:100px;
    border-color: black;  
    border-style: solid;
    border-width: 10px;
    background-color: #979891; 
     cursor:pointer;
     margin-left: 300px;
     margin: 30px;
 }
 #door4{ 
   
    height:300px;
    width:100px;
    border:100px;
    border-color: black;
    border-style: solid;
    border-width: 10px;
    background-color: #979891;
    transition-duration: 2.5s;
    cursor:pointer;
    margin-left: 300px;
    margin: 30px;
 }
 #door5{ 
    
    height:300px;
    width:100px;
    border:100px;
    border-color: black;
    border-style: solid;
    border-width: 10px;
    background-color: #979891;
    transition-duration: 3.5s;
    cursor:pointer;
    margin-left: 300px;
    margin: 30px;

 }
 #door6{ 
  
    height:300px;
    width:100px;
    border:100px;
    border-color: black;
    border-style: solid;
    border-width: 10px;
    background-color: #979891;
    transition-duration: 8s;
    cursor:pointer;
    margin-left: 300px;
    margin: 30px;

 }
 #door7{ 
  
    height:300px;
    width:100px;
    border:100px;
    border-color: black;
    border-style: solid;
    border-width: 10px;
    background-color: #979891;
    transition-duration: 9s;
    cursor:pointer;
    margin-left: 300px;
    margin: 30px;
 }
 .button {

    background-color: #4CAF50;
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    display: inline;
    font-size: 16px;
    margin: 4px 2px;
    cursor: ;
    padding-top: 100px;
    padding-right: 100px;
    margin: 30px;

}



@media screen and (max-device-width: 640px){

}