@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;400&display=swap');

body {
	background-color: #111;
	font-family: Roboto, Arial, Helvetica, sans-serif;
	margin-bottom: 128px;
}

.logo {
	max-width: 100%;
	display: block;
	margin: 128px auto 64px auto;
}

a.katalog.myButton:link,
a.katalog.myButton:visited {
	display: inline-block;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	text-decoration: none;
	background-color: #B1740F;
	padding: 8px 12px;
	border-radius: 5px;
}

a.katalog.myButton:hover,
a.katalog.myButton:active {
	background-color: #71490A;
}

.myButton {
	box-shadow: 0px 1px 0px 0px #fff6af;
	background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
	background-color:#ffec64;
	border-radius:6px;
	border:1px solid #ffaa22;
	display:inline-block;
	cursor:pointer;
	color:#333333;
	font-size:24px;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffee66;
}
.myButton:hover {
	background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
	background-color:#ffab23;
}
.myButton:active {
	position:relative;
	top:1px;
}

.info {
	color: #fff;
	text-align: center;
	line-height: 1.5;
	margin-top: 64px;
	font-size: 20px;
	font-weight: 300;
}

.info .mail {
	display: inline-block;
	margin-bottom: 32px;
}

.info a.mail:link,
.info a.mail:visited {
	text-decoration: none;
	color: #ffec64;
}

.info a.mail:hover,
.info a.mail:active {
	text-decoration: underline;
}