* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

html, body {
  width: 100%;
  height: 100%;
  overflow: hidden;  
  background-color: #336B87;
  line-height: 1.3;
  font-family: 'Space Mono', monospace;
  -webkit-font-smoothing: antialiased;
  margin: 0;
  padding: 0;
}

#welcome {
	font-family: 'Space Mono', monospace;
	font-size: 200%;
}

.update { font-size: 140%; }

a:link, a:visited
{
	text-decoration: none;
	color: black;
	font-weight: bold;
}

#head {
  position: absolute;
  left: 0;
  top: 20%;
  padding: 0 20px;
  width: 100%;
  text-align: center;
}

#body {
  position: absolute;
  left: 0;
  bottom: 30%;
  padding: 0 20px;
  width: 100%;
  text-align: center;
}

form { 
	margin: 0 auto; 
}

input[type=text] {
    padding: 12px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    float: center;
	width: 30%;
	font-family: 'Karla', sans-serif;
	font-size: 110%;
}

.info {
	width: 14%;	
    display: inline-block;
	padding-right: 5px;
	padding-left: 5px;
	border-right:1px solid black;
	border-left:1px solid black;
} 

.redditHead { margin: 0; border-bottom-color: #FF5700; border-bottom-style: solid; }
.schoolHead { margin: 0; border-bottom-color: #0F1176; border-bottom-style: solid; }
.devHead { margin: 0; border-bottom-color: #6CC644; border-bottom-style: solid; }
.socialHead { margin: 0; border-bottom-color: #B20000; border-bottom-style: solid; }
.newsHead { margin: 0; border-bottom-color: #551A8B; border-bottom-style: solid; }