/*project 2 css*/


/*text*/

h1
{
    text-align: center;
    font-family: "Arial";
    font-style: normal;
    font-size: 30px;
    color: black;
}

/*style*/
body{
    background-color:#00b3b3;

}

*{box-sizing: border-box;}
div.wrapper{
    /*light teal, dont forget the hastag*/
    background-color:grey;
    position:relative;  /* body */
    margin:0px auto; /* center a webpage */
    border: solid orangered 10px;
    width: 1000px;
    height:850px;


}

div#playerArea.player
{
    text-align: center;
    background-color:lime;
    position:relative;  /* body */
    margin:0px auto; /* center a webpage */


}

div.controlButtons
{
    text-align: center;
    background-color:black;
    position:relative;  /* body */
    margin:0px auto; /* center a webpage */


}