@import url('https://fonts.googleapis.com/css?family=Anton|Archivo+Black|Righteous|Squada+One&display=swap');
@import url('https://fonts.googleapis.com/css?family=Candal|Lalezar|Montserrat|Oswald|Poppins|Righteous&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Ranchers&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rowdies:wght@300;400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&family=Spartan:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&family=Spartan:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Days+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=B612+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap');


body 
{
	background-color: #1a1a1a;
	color: #444444;
	font-family: Corbel;
	overflow-x: hidden;
	text-align:center;
}

input:not([type="image" i]), textarea 
{
	box-sizing: border-box;
}

input:not([type]), input[type="email" i], input[type="number" i], input[type="password" i], input[type="tel" i], input[type="url" i], input[type="text" i] 
{
	padding: 1px 0px;
}

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill 
{
	background-image: url('../kepek/pass.png');
}

input[type="password" i] 
{
	-webkit-text-security: disc;
}

input, input[type="password" i], input[type="search" i] 
{
	-webkit-appearance: textfield;
	-webkit-rtl-ordering: logical;
	-webkit-user-select: text;
	cursor: auto;
}


#logo
{
width: 40px;
float: left;
margin: 16px 0px 12px 15px;
position: relative;
height: auto;
left: calc(50% - 4em);
}

#szoftver
{
height: auto;

width: calc(100%);

text-align: center;

font-size: 175%;

position: absolute;

display: inline-block;

line-height: 72px;

background-color: #242629;

bottom: 0;

left: 0;

padding: 0px;

color: #FFF;
top: calc(100vh - 70px);
}

#szoftver span
{
	line-height: 70px;

display: flow-root;
margin-right: 5px;
}

#szoftver span p:first-child
{
font-family: 'Audiowide', cursive;

font-weight: bold;

font-size: 85%;

margin-right: -15px;

letter-spacing: 2px;

top: 4px !important;

position: relative;
}

#szoftver span p:last-child
{
font-family: 'Gruppo', cursive;
}



.felh, .jelszo
{
height: 2.5em;
width: 15em;
border: none;
padding-left: 1em !important;
outline: none;
border-radius: 0.25em;
transition: all 0.2s;
}

.felh:focus, .jelszo:focus
{
	background-color: #a5c0f2 !important;
	transition: all 0.2s;
}

.login
{
height: 35px;
width: 135px;
text-decoration: none;
font-variant: all-petite-caps;
background-color: #35383c;
text-align: center;
text-indent: 2px;
border: none !important;
border-radius: 0.25em;
color: #bfd7ea !important;
font-family: 'Roboto', sans-serif !important;
font-weight: 600;
letter-spacing: 0.05em;
font-size: 1.1em;
transition: all 0.2s;
cursor: pointer;
}

.login:hover
{
	color: #2e92df !important;
	transition: all 0.2s;
}

#info
{
position: absolute;
left: 30px;
bottom: 30px;	
}

a:link, a:visited, a:hover, a:active 
{
    text-decoration: none;
	color: #333;
}