body{
	/*background-image: radial-gradient(circle at 50% -20.71%, #a6ffa7 0, #90ffab 12.5%, #76ffb0 25%, #54ffb5 37.5%, #08ffbb 50%, #00fbc2 62.5%, #00f8ca 75%, #00f4d3 87.5%, #00f1dc 100%);
	background-color: aliceblue;
	background-image: url("images/fondo");*/
	background-image: radial-gradient(circle at 50% -20.71%, #35155f 0, #4f2176 25%,  #602d84 50%,  #6e399b 75%,  #7740a5 100%);
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100vh;
	flex-direction: column;
}
*{
	font-family: "lato", sans-serif;
	font-family: "Open Sans", sans-serif;
	font-family: "Pt Sans", sans-serif;
	box-sizing: border-box;
}

.icon-white {
    color: white;
}

form{
	  width: 550px;
	  border: 2px solid black;
	  padding: 6rem;
	  background-color: rgba(0, 0, 0, 0.4);
	  border: none;
	  border-radius: 20px;
	  color: black;
}
h1{
	display:block;
	border: none;
	width: 95%;
	padding: 10px;
	margin:10px;
	border-radius: 10px;
	color: white;
}
input{
	display: block;
	border: 2px solid black;
	width: 95%;
	padding: 10px;
	margin: 10px;
	border-radius: 10px;
}
label{
	color: white;
	font-size: 18px;
	padding: 10px;
	font-weight: 300;
}
button{
	float:center;
	background-color: #5588ce;
	padding: .5rem;
	color: white;
	border: none;
	width: 40%;
	margin: 10px;
	border-radius: 10px;
}
button:hover{
	background-color: white;
	color: black;
}
.error{
	background-color: red(175, 74,74);
	color: red;
	padding: 10px;
	width: 95%;
	border-radius: 5px;
	margin: 20px auto;
}

 /* Model-viewer superpuesto */
model-viewer {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 2; /* Se posiciona sobre la imagen */
     pointer-events: none; /* Evita que interfiera con los clics en la página */
}