@font-face {
    font-family: 'Aptos';
    src: url('../fonts/Aptos.eot');
    src: url('../fonts/Aptos.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Aptos.woff2') format('woff2'),
        url('../fonts/Aptos.woff') format('woff'),
        url('../fonts/Aptos.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


body {
    font-family: 'Aptos', Arial, sans-serif;   
    display: flex;    justify-content: center;    align-items: center;    height: 100vh;
    margin: 0;
	background: url("../images/bg.jpg") no-repeat center center;
	background-size: cover;
}

.login-container {
    padding: 0px 20px;    
    
	min-width:360px;
	text-align: center;
}

.login-form{ margin: 22px 0 0 0;}
.login-form h2 {
    text-align: center;    margin-bottom: 20px;    color: #fff;font-family: 'Aptos'; font-size:46px; letter-spacing: 1px; font-weight:800;
	margin: 0; padding: 0;
	text-shadow: #666 1px 1px 0px;
}
.login-form h3 {
    text-align: center;    margin:0 0  20px 0;    color: #fff;font-family: 'Aptos';letter-spacing: 1px;
	padding: 0;
	font-size:26px;
}

.input-group {
    margin-bottom: 17px;
}

.input-group label {
    display: block;    margin-bottom: 5px;    color: #fff; text-align: left;
	padding: 0 0 0 10px;
}

.input-group [type="text"]{
    min-width: 360px;    padding:14px 0px 14px 10px;    border: 2px solid #5e4540;    border-radius: 0px; color:#000;
	text-align: center;
}
.input-group select {
    min-width: 360px;    padding:5px 0px 5px 10px;    border: 2px solid #5e4540;    border-radius: 0px; color:#000;
	text-align: center; height:40px;
}



.input-group input:focus {
    border-color: #ff7e5f;    outline: none;
}

.input-group [type="submit"] {
    border: none; 
}

.login-button {
    width: 175px; height:71px;background:url("../images/enter.png")no-repeat;	
    color: white;	border:none;	text-indent: -9999px;	cursor: pointer;
	margin:0px auto;
    
}

.login-button:hover {
   background:url("../images/enter.png")no-repeat;	
    cursor: pointer;
	border:none;opacity: 0.8;
}

.submit-btn{ overflow: hidden; width: 100%; animation: fadeIn 4s ease-in-out;}
.submit-button {
    width: 160px; height:68px;background:url("../images/submit.png")no-repeat;	
    color: white;	border:none;	text-indent: -9999px;	cursor: pointer;
	margin:0px auto;
    
}

.submit-button:hover {
  
    cursor: pointer;
	border:none;opacity: 0.8;
}



@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes pulse {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
    }
}