article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block;}audio,canvas,video{display:inline-block;}audio:not([controls]){display:none;height:0;}[hidden]{display:none;}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}a:focus{outline:thin dotted;}a:active,a:hover{outline:0;}h1{font-size:2em;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:700;}dfn{font-style:italic;}mark{background:#ff0;color:#000;}code,kbd,pre,samp{font-family:monospace, serif;font-size:1em;}pre{white-space:pre-wrap;word-wrap:break-word;}q{quotes:\201C \201D \2018 \2019;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-.5em;}sub{bottom:-.25em;}img{border:0;}svg:not(:root){overflow:hidden;}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em;}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;}button,input{line-height:normal;}button,html input[type=button],/* 1 */
input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;}button[disabled],input[disabled]{cursor:default;}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none;}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0;}body,figure{margin:0;}legend,button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}

.clearfix:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

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

body{
	background: #FAFAD2;

}
.wrapper{
	max-width: 875px;
	border: 10px double #333;
	margin: 150px auto;
	background-color:white;
	padding: 35px;
	font-family: 'Avenir', 'Helvetica', sans-serif;
	color: #333;
	line-height: 1.5;
	font-size: 18px;
}
.wrapper h2{
	font-family: 'Andale Mono', monospace;
	font-size: 22px;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	margin:0;
	margin-top: 50px;
}

.code{
	background:lightgrey;
	padding: 15px 35px;
}






.sunrise {
	width: 100%;
	padding:50px;
	height: 150px;
	position: relative;
}




.timeDisplay{
	font-family: 'Andale Mono', monospaced;
	color: #333;
	font-size: 35px;
	position: absolute;
	text-align: center;
	top: 70%;
	left:50%;
	transform: translate(-50%, -50%);
}

.sunriseIcon{
	position: absolute;
	text-align: center;
	top: 15%;
	left:50%;
	transform: translate(-50%, -50%);
}

.settingsTable{
	width: 100%;
}
.settingsTable ul{
	padding:0;
}

.settingsTable ul li{
	list-style:none;
	display: inline-block;
	float: left;
	width: 17%;
	height: 100px;
	padding:2px;
	border: 1px solid #333;
	font-size: 15px;
}

.settingsTable ul li:first-child{
	width: 23%;
}

.settingsTable ul li:last-child{
	width: 14%;
}

.settingsTable .titles{
	font-size: 18px;
	font-weight: bold;
}

.theEnd a{
	color: #444;
}

.theEnd a:hover{
	color: lime;
}

 code{
 word-wrap: break-word;
}