@font-face {
	font-family: 'Ubuntu';
	font-style: normal;
	font-weight: normal;
	font-display: swap;
	src:
		url('../fonts/Ubuntu-R.woff2') format('woff2'),
		url('../fonts/Ubuntu-R.ttf') format('truetype');
}

@font-face {
	font-family: 'Ubuntu';
	font-style: italic;
	font-weight: normal;
	font-display: swap;
	src:
		url('../fonts/Ubuntu-RI.woff2') format('woff2'),
		url('../fonts/Ubuntu-RI.ttf') format('truetype');
}

@font-face {
	font-family: 'Ubuntu';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src:
		url('../fonts/Ubuntu-B.woff2') format('woff2'),
		url('../fonts/Ubuntu-B.ttf') format('truetype');
}

@font-face {
	font-family: 'Ubuntu';
	font-style: italic;
	font-weight: 700;
	font-display: swap;
	src:
		url('../fonts/Ubuntu-BI.woff2') format('woff2'),
		url('../fonts/Ubuntu-BI.ttf') format('truetype');
}

@font-face {
	font-family: 'Ubuntu Mono';
	font-style: normal;
	font-weight: normal;
	font-display: swap;
	src:
		url('../fonts/UbuntuMono-R.woff2') format('woff2'),
		url('../fonts/UbuntuMono-R.ttf') format('truetype');
}

@font-face {
	font-family: 'Ubuntu Mono';
	font-style: italic;
	font-weight: normal;
	font-display: swap;
	src:
		url('../fonts/UbuntuMono-RI.woff2') format('woff2'),
		url('../fonts/UbuntuMono-RI.ttf') format('truetype');
}

@font-face {
	font-family: 'Ubuntu Mono';
	font-style: normal;
	font-weight: bold;
	font-display: swap;
	src:
		url('../fonts/UbuntuMono-B.woff2') format('woff2'),
		url('../fonts/UbuntuMono-B.ttf') format('truetype');
}

@font-face {
	font-family: 'Ubuntu Mono';
	font-style: italic;
	font-weight: bold;
	font-display: swap;
	src:
		url('../fonts/UbuntuMono-BI.woff2') format('woff2'),
		url('../fonts/UbuntuMono-BI.ttf') format('truetype');
}


body {
	font-family: 'Ubuntu', 'Arial', sans-serif;
}

hr {
	border: 1px solid silver;
}

input[type=text], input[type=tel] {
	font-family: 'Ubuntu Mono', 'Courier', monospace;
}

input[type=text], input[type=tel], input[type=submit], input[type=reset] {
	font-size: large;
}

input[type=submit] {
	font-weight: bold;
}

input:invalid, fieldset:invalid {
	background-color: #fff2f1;
}

.tooltip {
	cursor: help;
	position: relative;
	display: inline-block;
	font-weight: bold;
}

.tooltip .tooltip-text {
	visibility: hidden;
	width: 250px;
	color: #3c3f27;
	background-color: #b5b98b;
	font-weight: normal;
	padding: 10px;
	margin-left: 10px;
	border-radius: 6px;
	position: absolute;
	z-index: 1;
}

.tooltip:hover .tooltip-text {
	visibility: visible;
}

.tooltip .tooltip-text::after {
	content: " ";
	position: absolute;
	top: 12px;
	right: 100%;
	margin-top: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: transparent #b5b98b transparent transparent;
}

.tooltip .tooltip-text {
	  opacity: 0;
	  transition: opacity 1s;
}

.tooltip:hover .tooltip-text {
	opacity: 1;
}