body {
  font-family: 'Comfortaa', cursive;
}

.button4 {
	border-radius: 12px;
	/* font-family: 'Comfortaa', cursive; */
}


.font_web{
	/* font-family: 'Comfortaa', cursive; */
}

h1 {
	padding-top: 100px;
	font-size: 34px;
	/* font-family: 'Comfortaa', cursive; */
	font-weight: bold;
	text-align: center;
}

p {
	text-align: center;
}

/* button {
	width: 50%;
	background-color: #3291ff;
	border: none;
	text-align: center;
	padding: 25px 36px;
	font-size: 24px;
	color: #ffffff;
} */

input {
	width: 50%;
}

input[type="button"] {
	background-color: #3291ff;
	border: none;
	text-align: center;
	padding: 25px 36px;
	font-size: 24px;
	color: #ffffff;
}

input[type="submit"] {
	background-color: #3291ff;
	border: none;
	text-align: center;
	padding: 25px 36px;
	font-size: 24px;
	color: #ffffff;
}

input[type="text"] {
	font-size: 20px;
	padding-left: 5px;
}

input[type="password"] {
	font-size: 20px;
	padding-left: 5px;
}

select {
	font-size: 20px !important;
	padding-left: 5px !important;
}

.labels {
	font-size: 20px !important;

}

.alert {
    position: relative;
    left:25%;
    background-color: #f44336;
    color: white;
    font-size: 18px;
    text-align: center;
    padding: 14px 36px;
    width: 45%;
}
.left_login {
  width: 50%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  border-style: solid;
  border-color: #2b2b2b;
  background-color: #2b2b2b;
  color: white;
}

.right_login {
  width: 50%;
  float: right;
}