*{box-sizing:border-box;}

body{
background-image: url("fondo.jpg") ;
font-family:'Courier New', Courier, monospace;


}
.form{
	width:20em;
	padding:16px;
	border-radius:10px;
	
    margin: 10% 0 0 36%;
	background-color:#ccc;

}

.form label{
	width:fit-content;
	font-weight:bold;
	display:inline-block;
}

.form input[type="text"],
.form input[type="email"]{
	width: 100%;
	padding:3px 10px;
	border:1px solid black;
	border-radius:3px;
	background-color:#f6f6f6;
	margin:8px 0;
	display:inline-block;
}

.form input[type="submit"]{
	width:21.4em;
	padding:0.6em 1em;
	margin-top:2em;
	border:2px solid #000;
	border-radius:5px;
	
	color:#fff;
	background-color: green;
    
} 

.form input[type="submit"]:hover{
	cursor:pointer;
    scale: 110%;
}

.textarea{
	width:100%;
	height:100px;
	border:1px solid black;
	border-radius:3px;
	background-color:#f6f6f6;			
	margin:8px 0;
	/*resize: vertical | horizontal | none | both*/
	resize:none;
	display:block;
}
.label{
padding-top: 1em;


}
.input[type="submit"], button{
    cursor: pointer;
    scale: 110%;
}


.f2 input[type="submit"]{
	width:21.4em;
	padding:0.6em 1em;
	margin-top:2em;
	border:2px solid #000;
	border-radius:5px;
	display:block;
	color:#fff;
	background-color: red;
    margin-left: 37.2%;
    


}
.f2 input[type="submit"]:hover{
    cursor: pointer;
    scale: 110%;
}

select:hover{
    cursor: pointer;
    
}