#top {color:red
	}
	
#middle {color:orange
	}
	
#bottom {color:green
	}
	
html {background-color:#2e302f}

h2{margin-left:20px;
	color:white
	}
	
#title{margin-left:20px;
	color:#749899;
	font-size:100px
	}
	
#woof{font-size:3em
	}
	
#computer {margin-left:20px;
	width:400px
	}
	
#mouse {margin-left:20px;
	width:400px
	}
	
	#content {color:white
	}
	
	#content2 {color:white
	}
	
	#content3 {color:white
	}
	
	#home {color:white
	}
	
	/* body {
  background: #2e302f;
} */
	
/*---------- Blue menu ----------*/

#blue-menu {
width:600px;
height:40px;
margin-top:16px;

margin:8px;

background:#373737;
background-image:linear-gradient(to bottom, #373737, #242424);
border-bottom:2px solid #00a2ff;

box-shadow:0px 0px 4px #cccccc;
-moz-box-shadow:0px 0px 4px #cccccc;
-webkit-box-shadow:0px 0px 4px #cccccc;
-o-box-shadow:0px 0px 4px #cccccc;

font: 14px 'Nunito' , sans-serif;
}

#blue-menu a {
width:auto;
height:40px;
display:inline-block;
background:transparent;
overflow:hidden;
float:left;
text-decoration:none;
color:#ffffff;
}

#blue-menu h5 {
margin:0px;
height:40px;
line-height:40px;
text-align:center;
background:#373737;
background-image:linear-gradient(to bottom, #373737, #242424);

transition:all 0.2s linear;
-moz-transition:all 0.2s linear;
-webkit-transition:all 0.2s linear;
-o-transition:all 0.2s linear;
}

#blue-menu a:hover h5 {
margin-top:-40px;
}

#blue-menu div {
width:auto;
height:28px;
display:block;
background:#00a2ff;
overflow:hidden;
padding-right:4px;
padding-left:4px;
padding-top:12px;
color:#ffffff;
cursor:pointer;

transition:all 0.2s linear;
-moz-transition:all 0.2s linear;
-webkit-transition:all 0.2s linear;
-o-transition:all 0.2s linear;
}

#blue-menu a:hover div {
opacity:1;
}