curious-greg/static/style.css

body {
	font-family: sans-serif;
	margin: 2.5%;
	text-align: center;
	background-color: #282c37;
	color: white;
}
h1, h2 {
	font-weight: 300;
}
h1 {
	font-size: 4em;
	margin:0;
	font-family:"Open Sans", sans-serif;
}
h2 {
	font-size: 2.5em;
	font-family:"Open Sans", sans-serif;
}
#footer {
	position:absolute;
	bottom:2.5%;
	width:95%;
	font-size:0.8em;
	left: 2.5%;
}
#footer, #footer a {
	color: #aaa;
}
#logo-main {
	height:300px;
	width:300px;
}
form, .profilecard, #question {
	background-color: #444b5d;
	display:inline-block;
	padding:50px;
	border-radius:5px;
	font-size:1.4em;
	min-width:250px;
	max-width: 60vw;
	line-height: 1.4em;
}
.profilecard {
	padding: 30px;
	margin: 20px;
	width: 300px;
	overflow:hidden;
	white-space: nowrap;
	text-overflow:ellipsis;
}
#codebox {
	font-size: 1.2em;
}
input {
	margin:20px;
	font-size:1.2em;
}
button, .button {
	font-size:1em;
	text-transform: uppercase;
	color:#2b90d9;
	border: 2px #2b90d9 solid;
	background-color:transparent;
	border-radius:2px;
	padding:10px 25px;
	transition:0.2s all ease-in;
	cursor: pointer;
	text-decoration:none;
	display:inline-block;
	margin: 5px 0;
}
button:hover, .button:hover{
	background-color:#2b90d9;
	color:white;
}
button.fullwidth, .button.fullwidth {
	width:100%;
	box-sizing: border-box;
}
#form-avi, .pc-avi {
	height: 128px;
	width:128px;
	margin:0 auto 15px;
	background-size:cover;
	border-radius:16px;
}
#form-avi-label, .pc-avi-label {
	font-size:0.6em;
	text-overflow:ellipsis;
}
.pc-title {
	margin: 20px auto;
	font-size:1.8em;
	font-weight:300;
}
#ccprompt {
	font-size: 1.2em;
	line-height:2.6em;
}