/* roboto-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v30-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
       url('../fonts/roboto-v30-latin-regular.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

body,
html {
	background-color: #252847;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Cpath fill='%2333ccff' fill-opacity='0.05' preserveAspectRatio='none' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'%3E%3C/path%3E%3C/svg%3E");
	font-family: 'Roboto', sans-serif;
}

body {
	padding-right: 0;
	padding-right: env(safe-area-inset-right);
	padding-left: 0;
	padding-left: env(safe-area-inset-left);
}

.navbar-brand {
	margin-right: 0;
}

nav.navbar {
	font-size: 22px;
	font-weight: bold;
	padding-top: 0;
	padding-bottom: 0;
	box-shadow: 0 19px 38px rgba(0, 0, 0, 0.30), 0 15px 12px rgba(0, 0, 0, 0.22);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Cpath fill='%2333ccff' fill-opacity='0.05' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'%3E%3C/path%3E%3C/svg%3E");
}

.navbar-toggler:before {
	content: "MENU";
	font-weight: bold;
	font-size: 22px;
	left: 50px;
	top: 14px;
	position: absolute;
	width: 50px;
}

.navbar-toggler-icon {
	position: relative;
	left: -2px;
}

.navbar-toggler {
	border: none;
	outline: none;
	padding: 0;
}

.navbar-toggler:focus,
.navbar-toggler:active,
.navbar-toggler-icon:focus {
	outline: none;
	box-shadow: none;
}

.navbar-dark .navbar-nav .nav-link {
	color: silver;
}

.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .show>.nav-link {
	color: silver;
}

.navbar .navbar-nav a.nav-link:hover {
	color: gold;
}

.navbar-dark .navbar-toggler {
	color: gold;
}

.navbar-dark .navbar-toggler-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,215,0, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.btn-outline-warning {
	color: gold;
	border-color: gold;
}

.btn-outline-warning:hover,
.btn-outline-warning:focus,
.btn-outline-warning:active,
.btn-outline-warning.active,
.open>.dropdown-toggle.btn-outline-warning {
	color: #000;
	background-color: gold;
	border-color: gold;
}

::-webkit-scrollbar {
	width: 8px;
	height: 8px;
}

::-webkit-scrollbar-button {
	width: 0;
	height: 0;
}

::-webkit-scrollbar-thumb {
	background: #ffd700;
	border: 0;
	border-radius: 0;
}

::-webkit-scrollbar-thumb:hover {
	background: #ffd700;
}

::-webkit-scrollbar-thumb:active {
	background: #ffd700;
}

::-webkit-scrollbar-track {
	background: #252847;
	border: 0;
	border-radius: 0;
}

::-webkit-scrollbar-track:hover {
	background: #252847;
}

::-webkit-scrollbar-track:active {
	background: #252847;
}

::-webkit-scrollbar-corner {
	background: transparent;
}