@font-face {

font-family: Muli-Regular;
src: url('../fonts/Muli/static/Muli-Regular.ttf');

}


@font-face {

font-family: Dgts-Lime;
src: url('../fonts/DigitaltsLime-lgxmd.ttf');

}

@font-face {

font-family: Dgts-Orange;
src: url('../fonts/DigitaltsOrange-nRAPg.ttf');

}				

body {

margin: 0;
padding: 0;
box-sizing: border-box;

}

.body_wrapper {

height: 100vh;
width: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background-image: url('../img/index_bg4.jpg');
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
background-blend-mode:


}		


.login_form {

/*border: 5px solid red;*/
border-radius: 10px;
height: 450px;
width: 750px;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
opacity: 0.85;


}

.input_text_field {

height: 20px;
width: 175px;
border: transparent;
border-radius: 5px;
padding: 5px;
font-family: 'Muli-Regular';
font-weight: bold;


}

.h2_design {

font-family: 'Muli-Regular';
letter-spacing: 1px;
background-color: blue;
color: #ffffff;
}


.login_form_left {


height: 100%;
width: 50%;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
background-color: black;
color: #ffffff;
opacity: 1;
display: flex;
flex-direction: column;
justify-content: space-around;
align-items: center;


}

.login_form_right {

height: 100%;
width: 50%;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;			
background-color: black;
display: flex;
flex-direction: column;
justify-content: space-around;
align-items: center;			


}

.nav_logo_name {

font-size: 36px;
font-family: 'Dgts-Orange';
font-weight: bolder;
}

.nav_logo_slogan {

font-size: 16px;
font-family: 'Muli-Regular';
letter-spacing: 1px;
color: #ffffff;

}


.display_login_menu {
display: flex; 
flex-direction: column;
justify-content: space-around;
align-items: center;						
text-align: center;
border: 1px solid gray;
border-radius: 5px;
height: 350px; 
width: 300px;
}

.loginmenu_btn {

border-radius: 3px;
width: 75px;
height: 35px;
background-color: #3366CC;
color: white;
border-color: #3366CC;
letter-spacing: 1.5px;
font-family: 'Muli-Regular';
text-align: center;
font-weight: bolder;
vertical-align: middle;
}