@charset "utf-8";
/* CSS Document */

    /* These will override any document-level settings in the tags */
    /* # -> Select by ID*/
    
    /* Class selector - specified in element tag in HTML */
    .button{
        font-family:   arial;
        font-size:     20px; 
        font-weight:   bold; 
        border-width:  1px; 
        border-radius: 6px;
        height: 33px;
        width: 150px;
        cursor: pointer;
        transition-duration: 0.4s;
    }
    
    .button:hover {
        background-color: #4CAF50;
        color: white;
    }
    
    #controls{
        width: 305px;
        margin-left: 48px;
        padding-top: 0px;
        user-select: none; 
        display: inline;
		font-family:   Arial;
        font-size:     18px; 
        
        position: absolute;
        left:140px;
        top:550px;
    }
    

	#screen{
 
    position: absolute;
    left:50px;
    top: 20px;
    z-index: 4;
 
    border: 2px solid #E5E5E5;
}
	
	#instructions{
 
    position: absolute;
    left:700px;
    top: 20px;
	font-family:   Arial;
    font-size:     18px; 
	line-height:   1.5;
	user-select: none;
    
}
	
	

}