@import url('https://fonts.googleapis.com/css?family=Luckiest+Guy');

body {
	color:#fff;
	background: rgb(4, 25, 35);
}

h1, h2, h3, h4 {
	font-family:"Luckiest Guy", "Arial Black", Arial;
	text-shadow: 2px 2px 4px #0000006e;
}

h1 {
	font-size:45px;
	margin:0 0 20px 0
}

p {
	color:#ffffffbf
}

a {
	color:#fff;
	text-decoration:underline
}

a:hover {
	color:#fff;
	text-decoration:none
}

#leftbar {
	width:250px;
	height:100%;
	position:fixed;
	background:#032435
}

#main {
	margin-left:250px;
	padding:40px 0 0 70px
}

.charBox {
	float:left;
	margin:0 50px 15px 0
	}

.charBox img {
	width:300px
}

#menu {
	list-style:none;
	padding:0;
	margin:50px 40px 40px;
	font-family:"Luckiest Guy", "Arial Black", Arial;
	font-size:25px;
	text-shadow: 2px 2px 4px #0000006e;
}

#menu a {
	text-decoration:none;
	color:#fff
}

#menu a:hover {
	color:#fff700;
	font-size:103%;
}

#menu li {
	margin:20px 0
}

#leftbarinfo {
	font-size:14px;
	padding:10px 0 10px 40px;
	background:#0419237a
}

#leftbarinfo p, #leftbarinfo {
	color:#88a8b7;
	margin:0;
}

#leftbarinfo ul {
	margin:0;
	padding:0;
	list-style:none
}

#notifyform {
	width:600px
}

#notifyform input {
	background:#032535;
	border-color:#06171f;
	color:#a4e2ff;
	font-size:18px;
	padding:20px 15px
}

#notifyform .form-group {
	margin:50px 0
}

#notifyform label {
	font-size:20px
}

#notifyform .expl, #notifyform .expl a {
	font-size:14px;
	margin:8px 0;
	color:#8db0bf
}

#footer {
	font-family:tahoma;
	font-size:12px;
	margin:30px 0 0;
	float:left
}

.clearfix::after {
    content: "";
    clear: both;
    display: table;
}