/*
//// STYLES CASCADING STYLE SHEET ////

* CSS containing the desired positioning and decoration of the game canvases.
* Also contains stylisation for the start button and credits text.

// Last Modified by Joe Bevis 03/03/2022
*/

body 
{
    background-color:rgb(38, 38, 38);
    overflow: hidden;
}

.gameCanvas 
{
    background: transparent;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);   
    pointer-events: none;
    border-radius: 2px;
    border-style: solid;
    border-width: 4px;
    border-color: #356160;
}

#startButton
{
    height: 80px;
    width: 225px;
    font-size: 30px;
    position: absolute;
    color: white;
    text-shadow: 0.5px 0.5px 0.5px black;
    font-family: "Tahoma";
    font-weight: bolder;
    border-radius: 5px;
    background: transparent;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); 
}

#startButton:hover 
{
    color: black;
    text-shadow: 0.5px 0.5px 0.5px black;
    background: white;
}

#credits
{
    position: absolute;
    top: 80%;
    left: 50%;
    transform: translate(-50%, -50%);   
    color: white;
    text-shadow: 0.5px 0.5px 0.5px black;
    font-family: "Tahoma";
    text-align: center;
}