@import url('https://fonts.googleapis.com/css?family=Slabo+27px');
body
{
    margin: 0;
    padding: 0;
    font-family: 'Slabo 27px', serif;
    background: #f2f2f2;
    font-size : 22px;
  }
#header
{
	height: 140px;
	width: 100%;
	background-color: #3eb4c1;
}
#header img
{
	width: 200px;
	height: 130px;
}
h1
{
	text-align: center;
	font-size: 45px;
}
h2
{
	text-align: center;
	font-size: 32px;
}
#reg, #login
{
	border: 1px solid #000000;
	box-shadow: 3px 3px 3px 3px #FFFFFF;
	width: 50%;
	height: 300px;
}
#participants_form
{
	margin-left: 100px;
}
input[type='text'], input[type='password'], #participants_form textarea
{
	border-radius: 15px;
	outline: none;
	width: 600px;
	height: 45px;
	font-size: 35px;
	font-family: 'Slabo 27px', serif;
	border: 0;
}
#participants_form textarea
{
	height: 80px;
}
input[type='text']:focus
{
	transition: 0.5s;
	border: 1px solid #e6e6e6;
}
input[type='submit']
{
	cursor: pointer;
	border: none;
	background: #3eb4c1;
	color: #FFFFFF;
	height: 45px;
	width: 100px;
	font-size: 25px;
	font-family: 'Slabo 27px', serif;
	border-radius: 15px;
}
input[type='submit']:hover, button:hover
{
	transition: 0.5s;
	opacity: 0.5;
}
button
{
    cursor: pointer;
	border: none;
	background: #3eb4c1;
	color: #FFFFFF;
	height: 90px;
	width: 190px;
	font-size: 25px;
	font-family: 'Slabo 27px', serif;
	border-radius: 15px;
}

.formbox {
    max-width : 850px;
    margin-left : auto;
    margin-right : auto;
}

.mainform {
    max-width: 850px;
    margin-left: auto;
    margin-right: auto;
}