:root {
  --sting: #FFCC00;
  --sting_bg: #FFCC001A;
}
@font-face {
    font-family: inter; /* deklarace fontu */
    src: url("Inter.ttf"); /* propojení na umístění souboru */
}

body {
	font: normal 85% inter,tahoma,"DejaVu Sans","DejaVu LGC Sans","Bitstream Vera Sans","Nimbus Sans L",verdana,arial,sans-serif;
}

h1,h2,h3,h4,h5,h6 { color: #222; }

.h1 { background: var(--sting); color: #222; font-size: 1.5em; font-weight: bold; height: 35px; line-height: 35px; margin: 1em 0 1em 0; padding: 0 1em; position: relative; }

.text { margin: 1em }

.button, .button:visited {
	background: var(--sting);
	cursor:pointer;
	display: inline-block;
	font-family: inter,tahoma,"DejaVu Sans","DejaVu LGC Sans","Bitstream Vera Sans","Nimbus Sans L",verdana,arial,sans-serif;
	font-size: 120%;
	font-weight: bold;
	margin: 0.3em;
	overflow:visible;
	padding: 0.7em 1.3em;
	position:relative;
	text-decoration:none;
	width:auto;
	border-radius:8px;
	transition: opacity 0.3s ease-in-out,
                        color 0.3s ease-in-out,
						background-color 0.3s ease-in-out,
						border 0.3s ease-in-out;
	border:1px var(--sting) solid;
}

.button:hover { text-decoration: none; color: #555; background-color: #fffbec;border:1px var(--sting) solid;  }


.login-form { margin-top: 2em; text-align: center }
.login-label { float: left; margin-right: 1em; text-align: right; width: 12em; }
.login-form .button { margin-top: 0.5em }
.login-error { color: red; text-align: center }

.inp-number { border: 2px solid #F5D211; color: #B2B2B2; font-size: 100%; margin: 0 0 1em 0; padding: 0.4em 0.7em; width: 60%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }