.my-card{

	color: #fff;
}

.form-container{

	border: 1px solid #fff;
	padding: 20px;
	margin-top: 2vh;
	font-family: sans-serif;
	border-radius: 15PX;
	background: black;
	opacity: 0.8;
	width: auto;
	height: auto;
	-webkit-box-shadow: 0px -2px 38px 10px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px -2px 38px 10px rgba(0,0,0,0.75);
	box-shadow: 0px -2px 38px 10px rgba(0,0,0,0.75);
	font-size: 11px;

}


.form-container-2{

	border: 1px solid #fff;
	padding: 20px;
	margin-top: 2vh;
	font-family: sans-serif;
	border-radius: 15PX;
	background: black;
	opacity: 0.8;
	/* width: auto;
	height: auto; */
	-webkit-box-shadow: 0px -2px 38px 10px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px -2px 38px 10px rgba(0,0,0,0.75);
	box-shadow: 0px -2px 38px 10px rgba(0,0,0,0.75);
	font-size: 11px;

}


.form-container-3{

	border: 1px solid #fff;
	padding: 4px;
	margin-top: 2vh;
	font-family: sans-serif;
	border-radius: 15PX;
	background: black;
	opacity: 0.8;
	/* width: auto;
	height: auto; */
	-webkit-box-shadow: 0px -2px 38px 10px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px -2px 38px 10px rgba(0,0,0,0.75);
	box-shadow: 0px -2px 38px 10px rgba(0,0,0,0.75);
	font-size: 11px;

}

html, body {
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
    overflow-x: hidden; /* Prevent horizontal scrolling */
}

.bg {
    background: url(bg.jpg) no-repeat center center fixed;
    background-size: cover;
    height: 100vh; /* Full viewport height */
    width: 100vw;  /* Full viewport width */
    margin: 0;
    padding: 0;
}