html, body {
  margin: 0;
  padding: 0;
  background-color: black;
}
canvas {
  display: block;
}

#animation{
  margin-left: auto;
  margin-right: auto; 
  width: 1000px;
height: 150px;
}
#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;
}
/*     
#myContainer{
height:180px; 
margin-left: auto;
  margin-right: auto; 
} */

#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: 20px; 
  font-style: bold; 
}
h2{
  font-family: 'Nunito', sans-serif;
  font-size: 16px; 
  font-style: bold; 
}
nav a{
  /*text-decoration: none; */
  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);}
}

 #myContainer{
  margin-top: 30px; 
    margin-left: auto;
     margin-right: auto;
    width: 1000px; 
  }