/* Forms */

form {
	padding: 20px;
	float: right;
	width: 40%;
	margin-left: 30px;
	margin-top: 10px;
	margin-bottom: 10px;
}

form label {
	margin-top: 10px;
	display: block;
}

form input[type=text] {
	width: 100%;
}

form input[type=checkbox] {
	margin-top: 30px;
}

form .radiolist {
	width: 100%;
	margin-top: 30px;
}

form .radiolist label {
	margin-top: 10px;
}

form input[type=radio] {
	float: left;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
}

form input[type=submit] {
	width: 100%;
	margin-top: 20px;
	margin-bottom: 10px;
	border: none;
	padding: 10px 30px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
}

form input[type=submit]:hover {
	cursor: pointer;
}

form .thanks {
	width: 100%;
	margin-top: 30px;
	margin-bottom: 20px;
	border: none;
	padding: 8px 30px;
	text-align: center;
	text-decoration: none;
	box-sizing: border-box;
	display: inline-block;
}

@media screen and (max-width: 639px) {
	form {
		box-sizing: border-box;
		width: 100%;
		margin-left: 0px;
		margin-right: 0px;
		clear: both;
	}
}

/* Widgets */

.widget {
	float: right;
	margin-left: 30px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.discord.widget iframe {
	width: 350px;
	height: 500px;
}

.steam.widget {
	width: 100%;
}

.steam.widget iframe {
	width: 100%;
}

.youtube.widget {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: /* 16:9 = */ 56.25%;
	margin-bottom: 20px;
}

.youtube.widget iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.midget {
	margin-top: 20px;
	margin-bottom: 20px;
}

.discord.midget iframe {
	max-width: 350px;
	height: 500px;
}

@media screen and (max-width: 639px) {
	.widget {
		display: none;
	}
}

@media screen and (min-width: 640px) {
	.midget {
		display: none;
	}
}