/*html { 
  background: url(img/water_waves_ocean_ripple_high_quality_animated_gif.gif) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  min-height: 100%;
}
*/

#bg {
  position: fixed; 
  top: 0; 
  left: 0; 

  /* Preserve aspet ratio */
  min-width: 100%;
  min-height: 100%;
}

root { 
    display: block;
}

body {
    background-color:#3333FF;
   
    color: white;

}
p
{
    font-family: Impact, "Arial Black", Arial, Verdana, sans-serif;
    font-size: large; 
    
}


.classWE{
    
    font-family: Impact, Arial, Verdana, sans-serif;
    font-size: 14vmax; 
    letter-spacing: 0.1em;
    position: absolute;
    top: 0%;
    left: 50%;
    margin-left: -33vmax; /* margin is -0.5 * dimension */
    margin-top: 00px; 
}



.classIN{
    
    font-family: Impact, "Arial Black", Arial, Verdana, sans-serif;
    font-size: 6.5vmax; 
    position: absolute;
    top: 19.5%;
    left: 50%;
    margin-left: -17vw; /* margin is -0.5 * dimension */
    margin-top: 5vmax; 
}



.classBig{
    
    font-family: Impact, "Arial Black", Arial, Verdana, sans-serif;
    font-size: 6.5vmax; 
    Line-Height: 1;
    position: absolute;   
    top: 21%;
    left: 50%;
    margin-left:-7vw; /* margin is -0.5 * dimension */
    margin-top: 5vmax; 
    
}

.classBig2{
    
    font-family: Impact, "Arial Black", Arial, Verdana, sans-serif;
    font-size: 6.5vmax; 
    Line-Height: 1;
    position: absolute;   
    top: 21%;
    left: 50%;
    margin-left:5.8vmax; /* margin is -0.5 * dimension */
    margin-top: 5vmax; 
    
}


.bottomStuff{
    vertical-align:top;
    zoom:1;
    display:inline;
    position: absolute;
    bottom: 0.4%;
    left:50%;
    margin-top: 00px; 
    margin-left: -70px;

}

.twitter-share-button { vertical-align:top; zoom:1;
    display:inline;}

#goFS{

    /*position: absolute;
    bottom:0%;
    left:55%;
    background-image: url('img/fullscreenSmall.png');
    background-repeat: no-repeat;*/
    margin-bottom: -3px;
    padding: 0;
    border: none;
    height: 20px;
    width: 20px;

}

.pub{
    position: absolute;
    bottom: 0%;
    left:0%;
    margin-right: 0px; 
    margin-left: 00px;
}

.progression{

    position: absolute;
    top: 25%;
    left:4.5%;

    margin-top: 5vh;
}

.rainbow{

    position: absolute;
    top: 50%;
    left:50%;
    margin-top: -400px; 
    margin-left: -400px;
}

.progressionMilli{
    position: absolute;
    top: 10%;
    left:85%;
    margin-top: 50px; 
    margin-right: -210px;
}

#overlay {
     width:100% ;
     height:100%;
    background-image: url(img/water_waves_ocean_ripple_high_quality_animated_gif.gif);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
/*
#overlay img { 
    position: absolute;
    top: 0%;
    left:0%;
    width: 100%;
    height: 100%;
    
}
*/