*{
margin:0;
box-sizing: border-box;	
font-family: calibri;


}

#princi{
	width: 100%;
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
	background: url(f1.jpg);
	background-position: right bottom;
 background-repeat: no-repeat;
background-attachment: fixed;
background-size:cover;
	
}
#medio{
	
	text-align: center;
	background: rgba(  255,255,255,0.8);
	width:40%;
	border-radius: 9px;
}

input{
	background:none;
	border-bottom: none;
	border-left: none;
	border-right: none;
	border-top:none;
	font-size: 1.2em;
	border-radius: 7px;
	box-shadow: 3px 3px 5px grey;
}

input[type=submit]{
background: rgba(10,0,200, 0.5);
color:white;
padding:7px;
border: none;
cursor: pointer;
border-radius: 7px;
}
input[type=submit]:hover{
background: white;
color:#0461fb;
box-shadow: 2px 2px 2px grey;
}
@media (max-width:480px)
{
	#medio {
		width: 80%;
	}
}