style.css

html {
	width: 400px;
	height: 400px;
	}

body {
	width: 400px;
	height: 400px;
	background-color: #2b5b84;
	font-family: 'Lucida Sans',monospace;
}

	
#code {
	font-family: 'Lucida Sans', monospace;
	margin-left: 7px;
	margin-right: 7px;
	font-size: 14px;
	height: 170px;
	width: 350px;
	white-space: pre;
}

#title{
	font-family: 'Lucid Sans';
	font-size: 25px;
	margin-left: 4px;
	color: aliceblue;
}

#run {
	border-radius: 5px;
	border-width: 1px;
	text-align: center;
	font-family: 'Lucida Sans';
	font-size: 18px;
	top: 218px;
	float:right;
	margin-top: 4px;
	margin-right: 20px;
}
	
#run:hover {
	box-shadow: 0 12px 16px 0 rgba(43, 42, 42, 0.473), 0 17px 50px 0 rgba(49, 49, 49, 0.445);
	background-color: #2b5b84;
	color: white;
	border-width: 1px;
	border-color: white;
	cursor: grabbing;
}
#output {
	font-family: 'Lucida Sans', monospace;
	margin-left: 7px;
	margin-top: 7px;
	margin-right: 7px;
	margin-bottom: 4px;
	height: 125px;
	width: 350px;
	left:0;
	bottom:0;
	font-size: 14px;
}

#footer {
	font-size: 20px;
	background-color:#282d32;
	margin-left: -10px;
	font-family: 'Lucida Sans';
	text-align: center;
	text-decoration: none;
	color: azure !important;
	padding: 2px;
}
a {
	color:azure;
	outline: none;
}
a:link, a:active, a:visited{
	color: inherit;
	outline: none;
	text-decoration: none;
}
a:hover {
	color: #2b5b84;
}