body {
	font-family: Arial, sans-serif;
	margin: 0;
	padding: 0;
	background: url(/image/background.jpg) no-repeat center center fixed;
	background-size: cover;
   justify-content: center;
    align-items: center;
}

header {
	background-color: transparent;
	color: transparent;
	box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
	padding: 10px;
	text-align: center;	
	font-family: "Audiowide", sans-serif;
	font-size: 20px;
	color:white;
	text-shadow: 1px 1px 1px #0ddb62;
	
}

main {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	margin: 20px;
}
.heading-container{
	background: transparent;
    padding: 40px;
    border-radius: 20px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    width: 300px;
    text-align: center;
	color: white;
	
}

.form-container {
	background-color: transparent;
	border-radius: 10px;
	padding: 20px;
	margin: 10px 0;
	height: 350px;
	width: 300px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    width: 300px;
    text-align: center;
	color: white;


}
h2{
	color: white;
	text-shadow: 1px 1px 1px #000000;
	font-family: "Audiowide", sans-serif;
	font-size: 16px;
	
}
input {
	margin: 10px;
	padding: 10px;
	width: 80%;
	border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.3);
	background-color: transparent;
	color: white;
}

input[type="submit"] {
	background-color: transparent;
	border-radius: 10px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.3);
	color: white;
	border-radius: 10px;
	cursor: pointer;
	font-family: "Audiowide", sans-serif;
}
input[type="submit"]:hover {
	background-color: white;
	color: black;
	
}

a {
	text-decoration: none;
	color: white;
	margin: 10px;
	text-shadow: 1px 1px 1px #000000;
	font-family: "Audiowide", sans-serif;
	font-size: 12px;
}
a:hover {
	color:rgb(2, 248, 43);
	font-size: 14px;
}
b {
	text-decoration: none;
	color: white;
	margin: 10px;
	text-shadow: 1px 1px 1px #000000;
	font-family: "Audiowide", sans-serif;
	font-size: 12px;
}
@media	screen and (max-width: 600px){
.form-container {
	background-color: transparent;
	border-radius: 10px;
	padding: 20px;
	margin: 10px 0;
	height: 350px;
	width: 300px;
	
}
.heading-container{
	display: inline;
	text-align: center;
	margin: 10px 0;
	width: 300px;
}
header {
	color:white;
	text-shadow: 1px 1px 1px #0ddb62;
	font-size: 20px;
}