gr.css

body {
	margin: 0vh;
	padding: 0vh;
	font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    background-image: url("https://img.freepik.com/free-vector/flat-women-hands-with-feminism-fists-raised-up_88138-827.jpg?w=1060&t=st=1680249137~exp=1680249737~hmac=f055f9a1bed1ac5e6cbbc41286d64cb5517ef046c642a0d7be7dd622e251291c");
	background-size: 200vh;
}

h1 {
	margin-top: 5vh;
	text-align: center;
}

form {
	border-radius: 3vh;
	margin: 5vh auto;
	max-width: 70vh;
	padding: 2vh;
	box-shadow: 1vh 1vh 2vh rgba(0, 0, 0, 0.2);
    background-color: rgba(45, 43, 43, 0.148);
}

label {
	font-size: larger;
    font-family:cursive;
	display: block;
	font-weight: bold;
	margin-bottom: 2vh;
}

input[type="text"],
input[type="email"],
input[type="tel"],
textarea{
    resize: none;
	width: 100%;
	padding: 1vh;
	margin-bottom: 4vh;
	border-radius: 1vh;
	border: black;
	box-shadow: 1vh 1vh 2vh rgba(17, 17, 17, 0.2);
}


input[type="submit"] {
    font-family: cursive;
	display: block;
	margin: 1vh auto;
	padding: 1.5vh 2vh;
	background-color: #007bff;
	color: #fff;
	border: black;
	border-radius: 1vh;
	box-shadow: 0vh 0vh 2vh rgba(0, 0, 0, 0.2);
	cursor: pointer;
	transition: background-color 0.3s ease-in-out;
}

input[type="submit"]:hover {
	background-color: #0062cc;
}

.error {
    font-family: cursive;
    text-align: center;
	color: red;
	margin-top: 2vh;
	font-size: 2vh;
}