body{
    background-image: url(img/background.jpg);
    background-size: cover;
}

#startOverlay{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:white;
}

#startOverlay h1{
    text-align:center;
    font-family: courier;
    color: gray;
}

#startOverlay textarea{
    margin:5%;
    margin-top: 1%;
    width:90%;
    height:80%;
}
#startOverlay #credits{
    position:fixed;
    bottom:0.5%;
    right:0.5%;
    
    font-size:0.9em;
    font-family: courier;
}
#startOverlay #startButton{
    position:fixed;
    bottom:3%;
    margin-left:-100px;
    width: 200px;
    left:50%;
    
    font-size:2.0em;
    font-family: courier;
}

#board{
    position:fixed;
    top:9%;
    left:16.7%;
    width:43%;
}


#agadContainer{
    position:fixed;
    top:28%;
    left:62%;
    width:37%;
}

#agadContainer img{
    position:absolute;
    top:0%;
    left:0%;
    width:100%;
}

#players{
    position:fixed;
    top:14%;
    left:0.5%;
    width:13.7%;
}

#players img{
    margin:10%;
    width: 80%;
}

.playerName{
    display:block;
    color:white;
    font-size:2.0em;
    font-style: italic;
    text-align:center;
    width:100%;
}

#citation{
    font-family: sans-serif;
    position:fixed;
    font-size:2.0em;
    color:white;
    top:0%;
    left:14.7%;
    width:47%;
    text-align:center;
}

#citation #citAuthor{
    font-size:1.2em;
    display:block;
    font-family: impact;
}

#options{
    position:fixed;
    top:85%;
    left:62%;
    width:37%;
}

#options textarea{
    width:100%;
    font-size:2.3em;
}

#options button{
    width:100%;
    font-size:2.3em;
}

#unsupported{
    position: fixed;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-color: white;
    z-index: 999999;
    text-align:center;
    font-family: sans-serif;
    display:none;
}



#unsupported img{
    margin-top: 40vh;
    height: 100px;
    margin-bottom:10px;
}