@import url('https://fonts.googleapis.com/css2?family=Alata&family=Forum&family=League+Spartan:wght@100..900&family=Prompt:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


body{
	font-family: Alata, sans-serif;
	background: #0b0b0b0b;

}

.bordertable{
	border-radius: 10px;
}

.letter{
	font-family: Alata, sans-serif;
}

.bodylogin{
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 100vh;
	padding-top: 20px;
	padding-bottom: 20px;
	background-image: url('../img/campamento.webp');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	backdrop-filter: blur(4px) saturate(130%);
}

.imageblur{
	background-image: url('../img/campamento.webp');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;

}

.desktop{
	margin: 10px 10px 10px 10px;
	justify-content: center;
	align-items: center;
	display: flex;
	background: red;
}

.position2{
	display:flex;
	width: 60%;
	height: 520px;
	border-radius: 50px;
	filter: saturate(140%);
	box-shadow: 15px 18px 25px #000000;
}


.form{
	background: #FFFFFF;
	width: 50%;
	height: 100%;
	padding: 30px;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
}

.subform{
	display: flex;
	flex-direction: column;
	gap: 20px;
	justify-content: center;
	align-items: center;
	height: 100%;
}

.title{
	font-size: 80px;
}

.title2{
	opacity: 0.5;
	margin-top: -40px;
	text-align: center;
}

.text1{
	border-radius: 10px;
}

input{
	width: 80%;
	padding: 5px;
}




.form2{
	width: 50%;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
	height: 100%;
	width: 100%;
}

.bootstrap-select .dropdown-menu li a span.text {

    white-space: normal !important;

}

.bootstrap-select {

    width: 100% !important;

}



@media screen and (max-width: 1020px) {

	.position2{
		flex-direction:column-reverse;
		width: 80%;
	}

	.title{
		font-size: 50px;
	}

	.form{
		width: 100%;
		border-top-left-radius: 0px;
		border-bottom-right-radius: 20px;
	}

	.form2{
		border-bottom-right-radius: 0px;
		border-top-left-radius: 20px;
	}
}