* { 
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

input:focus{
	outline:none!important;
}

a {
	display:block;
	color:#aaffaa;
}

body {

	background-color:#3f3f3f;
	color:#ddd;
	font-family: 'Krona One', sans-serif;
	min-width:250px;
	padding-left:1em;
	padding-right:1em;
	padding-bottom:1em;
}

input {
	display:inline-block;
	box-sizing:border-box;
	padding:10px;
    margin-bottom:20px;
	font-family: 'Krona One', sans-serif;
    border-radius:20px;
    box-shadow: 
    4px 4px 6px 0 rgba(0, 0, 0, 0.4),
    -3px -3px 4px 0 rgba(255, 255, 255, 0.3);
}

ul {
	list-style-type:none;
	padding:0;
}
li {
	margin:5px;
}

#expando, input[type="submit"]{
	cursor:pointer;
}

#qmark {
	position:absolute;
	right:5px;
	top:5px;
	font-size:8pt;
	
}

#qmark .qmark-text {
	visibility:hidden;
	
}

#qmark:hover .qmark-text {
	visibility:visible;
	
}

#qmark:hover .qmark-mark {
	visibility:hidden;
	
}