/* 0 correction */
* {margin: 0; padding: 0;}

html {
box-sizing: border-box;
width: 100%;
height: 100%;
overflow:hidden;
}

html::before
{
}

*, *:before, *:after {
box-sizing: inherit;
}

/* some rest */
li, ul, a, alt, p, form, img
{
border: 0;
text-decoration: none;
outline:none;
}

body
{
margin: 0; padding: 0; border: 0; z-index: 0;
font-size: calc(16px * var(--ff_size_factor));
letter-spacing: calc(0px * var(--ff_letter_spacing));
display: block;
height: 100%;
width:100%;
background-color: transparent;
z-index: 0;
}

div.login_container
{
position:relative;
width:100%;
height: 100%;
display:flex;
flex-direction:column;
justify-content: center;
align-items: center;
}

div.logo_container
{
position:relative;
width:250px;
height:230px;
}


div.credentials_container
{
position:relative;
width:250px;
height:68px;
}

input.field
{
position:absolute;
width:107px;
height:13px;
left:126px;
background:transparent;
border:0;
padding:0px 4px;
}

.field1
{
top:14px;
}

.field2
{
top:36px;
}