body {
    font-size:calc((0.3vw + 0.4vh)*1.7);
    width:100vw;
    height:100vh;
    overflow:hidden;
}

.siteName {
    font-size:5vh;
    font-family:Futura;
    font-weight:bold;
    color:rgba(190,190,250,1);
    text-shadow:1px 2px 2px grey;
}

.siteDescription {
    color:rgba(100,100,170,1);
    font-size:calc(.7 * (1.5vh + 1.1vw));
}

.logosrc {
    position:absolute;
    right:5vw;
    top:2vh;
    height:10vh;
    opacity:0.8;
}

.ihover {
    border:4px solid rgba(255,255,255,0.5); 
    max-width:99%; 
    max-height:99%;
}

.ihover:hover {
    border:4px solid rgba(150,150,255,1);
}

.score {
    opacity:0.8; 
    padding:2px 3px 2px 3px; 
    font-weight:bold; 
    background-color:green; 
    color:white; 
    border-radius:5px; 
    position:absolute; 
    right:3%; 
    top:10%; 
    width: calc((0.3vw + 0.4vh)*5); 
    text-align:center;
}

.award {
    opacity:0.8; 
    padding:5px 3px 5px 3px; 
    font-weight:bold; 
    color:white; 
    border-radius:5px; 
    position:absolute; 
    left:3%; 
    top:10%; 
    width: calc((0.3vw + 0.4vh)*5);
    text-align:center;
}

.preview {
    position:   absolute;
    left:       0;
    top:        0;
    width:      100%;
    height:     100%;
    background-color:black;
    color:      white;
    padding:3vh 1vw 1vh 1vw;
    display:none;
    text-align:center;
}

.working {
    position:   absolute;
    left:       0;
    top:        0;
    width:      100%;
    height:     100%;
    opacity:    0.1;
    z-index:    9999;
    text-align: center;
    background-image: url("../images/clock.gif");
    background-repeat:  no-repeat;
    background-position: center; 
    display:none;
}

.btn {
    box-shadow:2px 2px 2px black;
}