body {
  margin: 10px auto;
  max-width: 1000px;
  font-family: "Helvetica", "Arial", sans-serif;
  line-height: 1.5;
  padding: 30px 0px;
  text-align: center;
  background-color: #303030;
  color: white;
}

a:link{
  color: white;
  padding: 0px 5px 0px 5px;
}

a:visited{
  color: white;
}

h1 {
  padding: 20px 0px 10px 0px;
}

h3 {
  padding: 0px 0px -20px 0px;
}

h4 {
  padding: 0px 0px 10px 0px;
}

img {
  display: block;
  margin: 0px auto;
  text-align: center;
}

.links {
  padding: 0px 5px 0px 5px;
  text-align: center;
}

.statement {
  margin-top: 60px;
  padding: 40px;
  text-align: left;
  text-indent: 40px;
}

.portfolio-item {
  margin-top: 60px;
  padding: 20px;
  background-color: #303030;
}

#alexpage0{
	margin: 1%;
	width: 100%;
	clear: both;
	text-align: center;
	color: black
}

#alexpage1{
	float:left;
	margin: 2% -5%;
	width: 50%;
  padding: 0px 0px 0px 0px;
}

#alexpage2{
	float:right;
	margin: 2% -5%;
	width: 50%;
  padding: 0px 0px 0px 0px;
}

#alexpage3{
	margin: 1%;
	width: 100%;
	clear: both;
	text-align: center;
	color: black
}

#alexLandscapeRight{
	float:right;
	margin: 10% -5% 2% -5%;
	width: 50%;
  padding: 0px 0px 0px 0px;
}

#alexLandscapeRight2{
	float:right;
	margin: 7% -5% 2% -5%;
	width: 50%;
  padding: 0px 0px 0px 100px;
}

#alexLandscapeLeft{
	float:left;
	margin: 7% -5% 2% -5%;
	width: 50%;
  padding: 0px 0px 0px 0px;
}

/*  Creates box layout model to all elements, but allowing components to change */
   * {
     box-sizing: border-box;
   }

   /* Create three equal columns that float next to each other */
     .column {
       float: left;
       width: 33.33%;
       padding: 10px;
     }

   /* Clear floats after the columns */
     .row:after {
       content: "";
       display: table;
       clear: both;
     }

   /* Styles the description text under each  */
     .desc {
       padding: 10px;
       font-size: 18pt;
       text-align: center;
     }

/* overlay darken */

img:hover {
  opacity: .5;
  transition: .5s ease;
  background-color: inherit;
}