@font-face {
    font-family: Khmer OS Battambang;
    src: url(KhmerOSbattambang.ttf);
    }

@font-face {
    font-family: Khmer M2;
    src: url(khmerM2.ttf);
    }
    
    			*{
				box-sizing: border-box;
				}
				
			:root{
                --main_color: #025B71; 
                		}

			body {
				display: grid;
				justify-content: center;
				align-content: center;
				padding: 0px; 
				margin: 0px; 
				height: 100vh; 
				}
				
			img{
			    	width: 100%;
				}

			.container {
				width: 500px; 
				background-color: #E0E0E0; 
				padding: 15px; 
				border-radius: 5px; 
				border: 1px solid var(--main_color); 
				box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
				}

			input {
				width: 100%; 
				height: 45px; 
				margin-top: 15px; 
				font-family: Khmer OS Battambang; 
				border-radius: 5px; 
				border: none;
				padding: 10px; 
				}
				
			.login_head{
                		display: grid;
                		justify-content: center;
                		align-content: center;
				background-color: var(--main_color);
				padding: 5px;
				}
				
			.login_head_item{
				width: 400px;
				}

			.login_foot{
				font-family: Khmer OS Battambang; 
				text-align: center; 
				color: white; 
				font-size: 14px;
				padding-top: 20px;
				}

			a {
				color: var(--main_color); 
				text-decoration: none; 
				}

			a:hover{
				color: black; 
				}

			#submit {
				background-color: var(--main_color); 
				border: none;
				cursor: pointer; 
				color: white; 
				font-family: khmer OS battambang; 
				font-size: 14px; 
				}

			select {
				width: 100%; 
				height: 45px; 
				margin-top: 15px; 
				font-family: Khmer OS Battambang; 
				border-radius: 5px; 
				border: none;
				padding: 10px; 
				font-size: 14px; 
				}

			.login_head_signup{
				font-family: Khmer M2; 
				text-align: center; 
				color: var(--main_color); 
				border-bottom: 2px solid var(--main_color); 
				padding: 0 0 10px 0; 
				margin-bottom: 5px; 
				font-size: 23px; 
				}

			.login_foot{
				font-family: Khmer OS Battambang; 
				text-align: center; 
				color: white; 
				padding:10px; 
				font-size: 14px;
				}

			.input_contain{
				display: grid; 
				grid-template-columns: 1fr 1fr; 
				gap: 10px; 
				}