body {
	background: linear-gradient(
		rgba(0, 0, 0, 0.8), 
		rgba(0, 0, 0, 0.8)
	),
	url('https://www.uonlines.club/assets/images/bg.jpg');
	background-blend-mode: luminosity;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center top;
	background-attachment: fixed;
	color: #fff !important;
	font-family: 'Inter', sans-serif !important;
}


.vs {
	font-family: 'Permanent Marker', cursive !important;
	font-size: 5em;
	margin: 0;
	position: absolute;
	top: 25%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.name-event {
	background-color: rgba(0, 0, 0, 0.5);
	border-bottom: 1px solid rgb(232,129,35);
}

.name-event-mobile {
	background: rgba(232,129,35,0.6) !important;
	border-bottom: 1px solid gold;
}

.menu-mobile {
	position: relative;
}

.menu-mobile-link {
	position: fixed;
	bottom: 0%;
	width: 90%;
	right: 0;
	background-color: black;
	font-size: 1.5em;
	margin: 0 !important;
	padding: 10px;
}

.menu-mobile-link a {
	color: #fff;
	text-decoration: none;
	display: inline-block;
	width: 45%;
}

.menu-mobile-link a:first-child {
	border-right: 1px solid #fff;
}

.name-event h1 {
	padding: 5px !important;
	text-shadow: -1px -1px 0#ac691c, 1px -1px 0 #ac691c, -1px 1px 0 #ac691c, 1px 1px 0 #ac691c;
}

/* Button */
.btn-rule {
	border-radius: 15px !important;
	background: rgba(232,129,35,0.6) !important;
	color: #fff !important;
}

.btn-confirmation-prediction {
	border-radius: 15px !important;
	background: rgba(232,129,35,1) !important;
	border-color: #fff !important;
	color: #fff !important;
	padding: 15px !important;
	font-size: 1.3em !important;
}

.text-stroke {
	text-shadow: -1px -1px 0#ac691c, 1px -1px 0 #ac691c, -1px 1px 0 #ac691c, 1px 1px 0 #ac691c;
}

.input-score {
	border: 1px solid #fff;
	border-radius: 10px;
	background-color: rgba(232,129,35,0.8);
	width: 100px;
	height: 100px;
	text-align: center;
	color: #fff;
	font-size: 1.8em;
}

/* Prediction */
.board-prediction {
	padding: 10px;
	border-radius: 8px;
	background: rgba(232,129,35,0.2);
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
	backdrop-filter: blur(2px);
}


/* custom bootstrap */
.navbar {
	background-color: black !important;
	border-bottom: 4px solid rgb(232,129,35) !important;
}
.modal-content, .modal-header, .modal-body {
	background-color: rgba(63, 63, 63, 0.7) !important;
}

.btn-close {
	color: #fff !important;
}

.modal-header {
	border-bottom: 4px solid rgb(232,129,35) !important;
}