body {
	font-size: 100%;
	font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	line-height: 130%;
}

h2 {
  	font-weight: 400;
	line-height: 120%;
}

img {
   	max-width: 650px;
   	display: block;
   	margin: auto;
}

a:link, a:visited { 
    	color: black;
    	text-decoration: none;
    	cursor: auto;
}

a:hover, .menu:hover{
	opacity: 1;
	text-decoration: underline;
	color: #66FF00;
}

u {    
    	border-bottom: 1.5px dotted black;
    	text-decoration: none;
}

.menu_container {
  	z-index: 1;
   	position: fixed;
   	top:0;
   	left:0;
   	width: 80%;
   	padding-left: 10%; /*padding is in addition to stated width*/
   	padding-right: 10%; /*padding is in addition to stated width*/
   	height: 30px;
   	padding-top: 25px;
   	background-color: white;
}

.name {
   	float: left;
   	letter-spacing: 0.1em;
   	padding-right: 5%;
}

.menu, .menu_current {
   	float: right;
   	padding-left: 3%;
   	opacity: 0.5;
}

.menu_current {
  opacity: 0.8;
  font-weight:bold;
}


#photos {
/*specify columns for photos*/
 	z-index: 2;
	width: 80%;
   	height: adjust;
   	margin-left: 10%;   
   	margin-top: 70px; 
   	font-weight: 300;
   	letter-spacing: 0.05em;
	min-height: calc(100vh - 70px);
 	border-bottom: dotted  black 1px;
}


.codebox {
/*specify boxes for code*/  
  	position: relative;
	display: inline-block;
	width: 95%;
  	border: 1.5px dotted #66FF00;
  	border-radius: 2%; 
  	padding-top: 1%;
  	padding-left: 2.5%;
  	padding-right: 2.5%;
  	padding-bottom: 2.5%;
	margin-bottom: 2.5%;
  	font-family: "Courier New";
  	font-weight: 100;
  	font-size: 85%;
}