html, body {
  margin: 0;
  padding: 0;
  background-color: black; 
} 
  #myContainer{
    margin-top: 30px; 
    margin-left: auto;
    margin-right: auto;
    width: 1160px;
  }
	
	/* #animation{
    	margin-left: auto;
    	margin-right: auto; 
    	width: 1160px;
		height: 180px;

    }
    #menu{
    	width: 100%;
    	height: 30px;
    	padding-left: 60px;
    }
    #mainText{
    	font-family: 'Nunito', sans-serif;
    	font-size: 16px; 
    	margin: 20px;
    	padding-left: 100px;
    	padding-right: 100px;
    }

    #mainText img{
    	margin: 20px;
    }
    .center{
    	width: 100%;
    	text-align: center; 
    }
    .right img{
    	float: right;
    }
    .left img{
        float: left;
    }
    
    .nostyle {
        list-style-type: none;
    } 

    .note{
    	background-color: rgb(252, 226, 138);
    }

    h1{
    	font-family: 'Nunito', sans-serif;
    	font-size: 24px; 
    	font-style: bold; 
    }
    h2{
    	font-family: 'Nunito', sans-serif;
    	font-size: 20px; 
    	font-style: bold; 
    }
    nav a{
  
    	color: black;
    }
    .grey{
		background-color: lightgray;
	}
    .codearea{
    	width: 90%;
    	margin-left: auto; 
    	margin-right: auto;
    	font-family: 'Menlo';
    	max-height: 500px;
    	border-width: 1px;
    	border-style: solid;
    	border-color: black;
    	overflow: auto;
    	background-color: rgb(240, 250, 250);
    	box-shadow: 1px 1px rgb(200, 210, 210);
    }


	canvas {
		display: block;
	  }
	  
    .codetext{
    	margin: 5px;
    	font-family: 'Menlo';
    	background-color: rgb(240, 250, 250);
    }
    .codearea:hover{
    	box-shadow: 3px 5px rgb(200, 210, 210);
    	animation-name: example;
    	animation-duration: .2s;
    }
    .mastercodearea{
    	width: 90%;
    	margin-left: auto; 
    	margin-right: auto;
    	margin-bottom: 8px; 
    	/*background-color: green;

    }
    .codeTitle{
    	position: relative;
    	top: 6px;
    	left: -5px; 
    	border: 1px solid black;
    	/*border-right: 1px solid black;
    	width: 300px;
    	padding-left: 20px;
    	background-color: rgb(250, 250, 250);
    }

    @keyframes example {
    	from {box-shadow: 1px 1px rgb(200, 210, 210);}
    	to {box-shadow: 3px 5px rgb(200, 210, 210);}
    } 
		*/