/*............................................................. main end.............................. */
/*............................................................. main end.............................. */
/*............................................................. main end.............................. */
/*............................................................. main end.............................. */


  
  


#myCanvasContainer{
	position:relative;
   
	height:100%;
    margin: 1% 3% ;
	background:#f9f9f9 url("../../my cloud/images/backgrounds/davinchy cubes.png");
	 background-image: radial-gradient(center 0, circle farthest-corner, rgba(255,255,255,0.9), rgba(255,255,255,0));
	
border-radius:50% ;
border: 1px solid rgba(0, 0, 0, 0.1);
box-shadow: inset 0 2px 10px rgba(0, 0, 0, 0.1);

}
#myCanvas{width:700px; margin:auto;  }
#my{width:700px; margin:auto;  }

@media (max-width:500px){

#my{width:100%; margin:0% 0% 0% 10%;  }

#myCanvasContainer{

    margin-top:20% ;

}

	
#myCanvasContainer{
	position:relative;
   width:100%;
	height:100%;

	background:#f9f9f9 url("../../my cloud/images/backgrounds/davinchy cubes.png");
	 background-image: radial-gradient(center 0, circle farthest-corner, rgba(255,255,255,0.9), rgba(255,255,255,0));
	
border-radius:100% ;
border: 1px solid rgba(0, 0, 0, 0.1);
box-shadow: inset 0 2px 10px rgba(0, 0, 0, 0.5);

}
	
		 


#myCanvas{width:80%; margin:auto;  }
#my{width:50%; margin:0% 0% 0% 30%;  }

  
}