body{
	margin: 0;
}

#name {
    font-family: sans-serif;
    color: ghostwhite;
    text-decoration: none;
    font-size: 2em;
    text-transform: uppercase;
    text-align: left;
    margin: 1%;
    padding-bottom: 0.1%;
    margin-bottom: 0.9%;
    display: inline-block;
    border-bottom: 1px solid ghostwhite; 
}
#name:hover {
    color: blue;
    border-color: blue;
}

.nav{
    list-style:none;
    margin: 0 auto; left:0px; right:0px;
    padding:0;
    text-align:center;
    position: fixed;
}

.nav li{
    display:inline;
}

.nav a{
    display:inline-block;
    padding: 1% 0;
    margin: 1%;
    font-size: 1.2em;
    text-transform: uppercase;
    color: ghostwhite;
}

ol{
  list-style: none;
  padding:0;
  padding-top: 5em;
}

.project{
    text-align: center;
    padding-bottom: 6.5em;
}

img{
  max-height:45em;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  height: auto;
  width: auto\9;
}

a{
  text-align: center;
  display: inline;
  color: ghostwhite;
  font-family: sans-serif;
  text-transform: uppercase;
  font-size: 0.8em;
  text-decoration: none;
}
a:hover{
  color: blue;
}

.description{
  text-align: center;
  display: inline;
  color: ghostwhite;
  font-family: sans-serif;
  font-size: 2em;
  text-decoration: none;
  width: 10em;
}
/*.description:hover{
  color: blue;
}*/

.title{
	text-align: center;
	color: ghostwhite;
	font-family: sans-serif;
	text-transform: uppercase;
  font-weight: normal;
	font-size: 3em;
}

/*.title:hover{
	color: blue;
}*/

#contact{
	font-size: 30px;
}

h2 {
  color: ghostwhite;
  font-family: sans-serif;
  text-transform: uppercase;
  font-weight: normal;
  font-size: 30px;
}

/*h2:hover{
  color: blue;
}*/

p{

  color: ghostwhite;
  font-family: sans-serif;
  /*text-transform: uppercase;*/
  font-weight: normal;
  font-size: 25px;
}

/*p:hover{
  color: blue;
}*/

#shop{
    background-image: url(shopBackground.gif);
}