/*
#   .    1    .    2    .    3    .    4    .    5    .    6    .    7    .    8
********************************************************************************
*                                                                              *
*   Onbekend.css bevat de formatteringsinformatie voor Onbekend.html:          *
*   - basisinstellingen voor de pagina / het venster                           *
*   - instellen achtergrond van het totale venster (responsive)                *
*   - basisinstellingen voor de elementen in het venster                       *
*                                                                              *
*******************************************************************************/


/* instellingen voor html en body expliciet maken; geen scroll bars tonen */
/* basis font-size als % van de viewport; daarna met vh factor aanpassen */
html, body { width: 100%; height: 100%; margin: 0; border: 0; padding: 0;
             overflow: hidden; font-family: comic sans ms; font-weight: bold; }

/* achtergrond voor responsive basisscherm */
body { background-image: url("Pics/Doolhof.png");
       background-position: center; background-repeat: no-repeat; 
       background-attachment: fixed; background-size: cover; }

/* tekstvak dimensioneren en positioneren */
#tekstvak { text-align: center; color: DarkGreen; }
/* voor testen: 'background-color: rgba(255, 255, 255, 0.2);' */

#Tkst1, #Tkst3 { font-size: 3vw; text-align: center; font-style: italic; }
#Tkst2         { font-size: 4vw; text-align: center; font-style: bold; }

#Exit { position: absolute; cursor: pointer; background-size: 100% 100%;
        background-image: url("Pics/Exit.png"); }

#Sign { position: absolute; cursor: pointer; background-size: 100% 100%;
        background-image: url("Pics/Sign.png");}