"

From 2014.igem.org

body, html{

   margin : 0;
   padding : 0;
   
   overflow: hidden;    
   
   height:100%;
   width:100%;

}

div {position: relative;}

1. bg {

 position: fixed; 
 top: -24%; 
 left: -50%; 
 width: 200%; 
 height: 200%;

}

1. bg img {

 position: absolute; 
 top: 0; 
 left: 0; 
 right: 0; 
 bottom: 0; 
 margin: auto; 
 width: 100%;
 height: 100%;

}

.canvas{

   height:100%;
   width:100%;

left: 5%; top: -5%;

   position: fixed;
       

}

1. ranger{

position: fixed; 
height: 10%;
width: 10%;    

}

1. ranger img{

   height: 100%; 
   position: relative;
   
   left: -60%;
   top: 950%;

}

1. sign{

  position: fixed; 
height: 23%;
width: 20%;   
  

}

1. sign img{

 height: 100%;
 position: relative;
 left: 200%;
 top: -75%;

}

.speech{

   opacity: 0;

}

svg .detail{

   opacity: 0;
   cursor : pointer;
   

}