body {
        	background-color: #fff;
        	font-family: 'Ubuntu', sans-serif;
        }

        .main {
        	width: 400px;
        	height: auto;
        	margin: 7em auto;
        }


        .head_title {
        	color: #000E17;
        	font-family: 'Ubuntu', sans-serif;
        	font-weight: bold;
        	font-size: 23px;
        	margin-bottom: 25px;
        	border-bottom: 1px solid gray;
        	padding-bottom: 10px;
        	width: 100%;
        }

        form .response {
        	margin-bottom: 15px;
        	text-align: left;
        	width: 100%;
        	padding: 5px 10px;
        	display: none;
        }

        .response.success {
        	display: block;
        	background: #008000bd;
        	color: #fff;
        	border: 1px solid green;
        }

        .response.error {
        	display: block;
        	background: #ff00008c;
        	color: #fff;
        	border: 1px solid red;
        }

        form input {
        	color: rgb(38, 50, 56);
        	font-weight: 700;
        	font-size: 14px;
        	letter-spacing: 1px;
        	background: rgba(136, 126, 126, 0.04);
        	padding: 10px 20px !important;
        	border-radius: 20px !important;
        	outline: none;
        	box-sizing: border-box;
        	border: 2px solid;
        	margin-bottom: 20px;
        	font-family: 'Ubuntu', sans-serif;
        }

        form {
        	display: none;
        	justify-content: center;
        	width: 100%;
        	flex-wrap: wrap;
        	background-color: #FFFFFF;
        	border-radius: 1.5em !important;
        	box-shadow: 0px 11px 35px 2px rgba(0, 0, 0, 0.14);
        	padding: 20px 15px;
        	opacity: 0;
        	transform: translateY(50px);
        	transition: opacity 0.5s ease, transform 0.5s ease;
        }

        form.active {
        	display: flex;
        	opacity: 1;
        	transform: translateY(0);
        }


        form input:focus {
        	border: 2px solid rgba(0, 0, 0, 0.18) !important;

        }

        form .footer {
        	width: 100%;
        	text-align: center;
        	display: grid;
        	justify-content: center;
        }


        .submit {
        	cursor: pointer;
        	border-radius: 5em;
        	color: #fff !important;
        	background: #000E17;
        	border: 0;
        	font-family: 'Ubuntu', sans-serif;
        	font-size: 14px;
        	box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.04);
        	padding: 10px 80px;
        	display: block;
        	width: max-content;
        }

        .submit:focus,
        .submit:hover {
        	color: #000E17 !important;
        	border: 1px solid #000;
        	background: #fff;
        }

        .forgot:focus,
        .forgot:hover {
        	text-decoration: underline;
        }

        .forgot {
        	text-shadow: 0px 0px 3px rgba(117, 117, 117, 0.12);
        	color: #000E17;
        	padding-top: 15px;
        }

        a {
        	text-shadow: 0px 0px 3px rgba(117, 117, 117, 0.12);
        	color: #000E17;
        	text-decoration: none
        }

        .AMEENmessage {
        	width: 100%;
        	background-color: #efeff5;
        	padding: 20px;
        	border: 0px solid #eee;
        	border-left-width: 5px;
        	border-radius: 10px;
        	margin: 15px auto;
        	font-family: "Open Sans", sans-serif;
        	font-size: 16px;
        	font-weight: light;
        	display: flex;
        	flex-wrap: wrap;
        	justify-content: center;
        	text-align: center;
        }

        .AMEENmessage.info {
        	border-left-color: #5bc0de;
        	background-color: rgba(91, 192, 222, 0.15);
        }

        .AMEENmessage.info strong {
        	color: #5bc0de;
        }

        @media (max-width: 600px) {
        	.main {
        		width: 90%;
        	}

        	form .footer {
        		justify-content: normal;
        	}

        	.submit {
        		width: 100%;
        	}

        }