body {
	background-image:url(../images/background.jpg);
	background-attachment:none;
	background-size:cover;
	background-repeat:none;
	font-family:Arvo;
	color:rgb(58,153,195);
	text-align:center;
	position:relative
}

h2 {
	padding:20px;
}

button, input {
	background-color:rgb(58,153,195);
	border-radius:5px;
	border:none;
	width:100px;
	height:30px;
	font-family:Arvo;
	transition-duration:1s;
}

button:hover, input:hover {
	transform:scale(1.2);
	transition-duration:1s;
}
#random_result {
	text-align:center;
	font-size:30px;
}
.current_names {
	padding:0;
	margin:0;
	font-size:18px;
	color:white;
}
span#box {
	font-size:20px;
	padding:20px;
	margin:10px;
	display:flex;
	flex-direction:column;
	background-color:rgba(100,100,100,0.6);
	flex-wrap:wrap;
	max-height:300px;
}

.current_container {
	flex-direction:column;
	background-color:rgba(100,100,100,0.6);
	max-height:300px;
}
#box p{
	width:100px;
}
footer {
	float:right;
	bottom:0;
	right:0;
	position:absolute;
	padding-right:10px;
	color:white;
	margin-top:30px;
}

p {
	color:white;
}

#error {
	color:red;
}
#original_button, #custom_button, #create_button {
	margin:10px;
}
.#class_select {
	width:100px;
}