.mbg
	  {
		background-color:#D4D59F;
	  }
	  .mbg2
	  {
		background-color:#f2f2e2;
		
	  }
	  
	  .abc:hover
	  {
		letter-spacing:3px;
		transition-duration:0.5s;
	  } 
	
	  .abc:not(:hover)
	  {
		letter-spacing:1px;
		transition-duration:0.5s;
	  }
      i:hover
	  {
			color:#72C0D0;	
			text-shadow:0 0 5px rgba(255,255,255,0.5);
			transition-duration:0.5s;
	  }
	  .footer
	  {
		text-decoration:none;
		color:white;
		font-size:14px;
		font-family:courier new;
		text-shadow:0 0 5px rgba(255,255,255,0.5);
	  }
	  .footer:hover
	  {
		text-decoration:none;
		color:#72C0D0;
		text-shadow:0 0 5px rgba(255,255,255,0.5);
		
	  }
	  .code
	  {
		  background-color:black;
		  width:95%;
		  font-size:18px;
		  text-align:left;
		  border-radius:15px;
		  box-shadow:4px 4px 5px black;
	  }
	  
	  p{
		  margin-left:10px;
	  }
	  
	 .snippet{
		 height:250px;
	 }
	 .navc{
	     box-sizing:border-box;
	 }