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

body {
        margin: 0;
		background:
		url(../img/snoopy_canvas.png) 3% 25% no-repeat,
		url(../img/bg-mobile.jpg) repeat;
		background-size:20em, auto;
		font-family: 'Delius Unicase', cursive;
}
 
#board {
        margin: 30px auto;
        width: 500px;  
}
 
#myCanvas {
	
        border: 10px solid #000;
		background-color:#FFFFFF; 
		      
}

.txt{
	font-size:2em;
	margin-top:20px;
	font-family: 'Delius Unicase', cursive;
	background-color:#CCE0DC;
	padding:5px;
	text-align:center;
	color:#FFFFFF;
	text-shadow: 2px 2px 2px #000000;
	
	}
@media (max-width: 927px){
	
	
	body {
        margin: 0;
		background:
		url(../img/snoopy_canvas.png) 93% 90% no-repeat,
		url(../img/bg-mobile.jpg) repeat;
		background-size:8em, auto;
		font-family: 'Delius Unicase', cursive;
}
 

#myCanvas {
	
        border: 10px solid #000;
		background-color:#FFFFFF;
		width:80%;       
}
	

	
	}
@media (max-width: 630px){
		body {
        margin: 0;
		background:
		url(../img/snoopy_canvas.png) #CBDEDE repeat;
		background-size:5em;
		font-family: 'Delius Unicase', cursive;
}
 
	
	
	
	}