* {
    /* Reset the default styles. 
    Use border-box because it's easier! */
  padding:0;
  margin:0;
  box-sizing:border-box;
}

body {
  background:#1a2125;
  color:aliceblue;
  font-family:'Open Sans', sans-serif;
  font-weight:300;
  margin:0 auto;
  height: 100%;
  width: 100%;
  
  /* Click-and-drag or text-selection doesn't make sense. */
  /* Or long-tap on webkit phones. */
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  -khtml-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
}

a {
	color: #ffffff;
}

/* New Style */

.top {
	height: 80px;
    position: fixed;
    width: 100%;
    z-index: 1;
}

.menu-item {
	display: inline-block;
	padding: 20px 8% 0 8%; //top, right, bottom, left
	font-size: 25px;
	font-family: monospace;
}

.menu-item span:hover {
	color: #0092c2;
	cursor: pointer;
}

.menu-item > a, #d-home > a {
	text-decoration: none;
}

.nav-cont {
	position: absolute;
	text-align: center;
	left: 0;
	right: 0;
}

#about-body {
  position: relative;
  top: 55%;
  height: 45%;
  font-family: monospace;
  text-align: left;
  color: white;
}

#about-body > div {
  padding: 10;
}

#proj-cont {
  position: relative;
  top: 55%;
  text-align: left;
  height: 45%;
  color: black;
}

.proj-entry {
  font-family: monospace;
  padding: 0 10 10 10;
  background: rgba(206, 206, 206, 0.75);
}

.proj-entry a {
  color: black !important;
}

.proj {
  display: inline;
}

.proj-title {
  font-size: 25px;
}

.proj-header {
  font-size: 30px;
}

.proj-desc {
  font-size: 15px;
}

.contact-bar {
  position: relative;
  top: 55%;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.contact-item {
  display: inline-block;
  padding-left: 10px;
  font-size: 40px;
}

#d-home {
  position: absolute;
  right: 5;
  bottom: 5;
  font-size: 25px;
  font-family: monospace;
  font-style: italic;
}

#d-home{
  z-index: 1;
}

#d-home a:hover, .contact-item > a:hover{
  color: #0092c2 !important;
  cursor: pointer;
}

/* Styling for THREE */
canvas {
  position: fixed;
  top: 0;
  z-index: -1;
}