body{
    background-color:#F00;
    margin:0;
    padding:0;
}

.text .emph{
    font-weight: bold;
    text-decoration: underline;
    display:inline-block;
}
.text{
    padding: 10px;
    top:0;
    text-align: center;
    z-index: 100;
    color:#FFF;
    position:absolute;
    font-size:50px;
}
/*.unbehaved-element {*/
    /*    font-size: 2em;*/
/*}*/
@media(max-width: 1200px) {
    div.text {
        font-size: 42px;
    }
    /*  .unbehaved-element {*/
    /*    font-size: 1.9em; *//* Fine tune unbehaved elements */
    /*  }*/
}
@media(max-width: 1000px) {
    .text {
        font-size: 35px;
    }
}
@media(max-width: 800px) {
    .text {
        font-size: 28px;
    }
}
@media(max-width: 600px) {
    .text {
        font-size: 21px;
    }
}
@media(max-width: 400px) {
    .text {
        font-size: 14px;
    }
}
@media(max-width: 200px) {
    .text {
        font-size: 7px;
    }
}

.democanvas,
.democanvas canvas{
    width:      100%;
    height:     100%;
    z-index:    20;
    top:        0;
    left:       0;
    position:   fixed;
}

.credits{
    font-size:0.5em;

}