@font-face {
	font-family: "Mileast";
	src: url("../fonts/Mileast.otf");
}

@font-face {
	font-family: "Moldie";
	src: url("../fonts/Moldie Demo.otf");
}

@font-face {
	font-family: "Avingal";
	src: url("../fonts/Avingal-Regular.otf");
}

body {
    background: #ad5389;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #3c1053, #ad5389);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #3c1053, #ad5389); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    display: flex;
    flex-direction: column;
    text-align: center; 
}
h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: 0;
}
.home-page h2{
    color: #fff;
    font-size: 44px;
    font-family: "Mileast";
	margin-top: 25px;
}
.uniex_text{
	color: #fdd835;
	font-size: 175px;
	line-height: 1;
	margin-top:10px;
	margin-bottom: -5px;
	font-family: "Avingal";
}
.games_section{
	background: rgba(0, 0, 0, 0.3); /* Semi-transparent color */
	backdrop-filter: blur(10px);          /* Blurs what is behind the panel */
	-webkit-backdrop-filter: blur(10px);
	width: 85%;
	justify-content: center;
	display: inline-block;
	padding: 39px;
}
.game{
	padding: 0 12px;
    text-align: center;
}
.game img{
	filter: brightness(0) invert(1);
	width: 95px;
}
.contact_details img{
	width: 45px;
}
.game h4{
	margin-top: 15px;
	height: 48px;
	color: #fdd835;
	font-size: 20px;
	margin-bottom: 1px;
}
.game h3{
	margin-top: 5px;
	color: #fff;
	font-size: 30px;
	margin-bottom: 1px;
}
.button-82-pushable {
	position: relative;
	border: none;
	background: transparent;
	padding: 0;
	cursor: pointer;
	outline-offset: 4px;
	transition: filter 250ms;
	user-select: none;
	-webkit-user-select: none;
	touch-action: manipulation;
	margin: 0 auto;
	margin-top: 15px;
	width: fit-content;
    display: block;
}
.game{
	margin-bottom: 30px;
}
.contact_info{
	background-color: #fff;
	margin: 25px;
	padding: 42px 20px;
	border-radius: 25px;
	text-align: center;
}
.contact_info h3 a{
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
	font-size: 24px;
}
.contact_info h3{
	margin-top: 5px;
}
.contact_details{
	margin-bottom: 45px;
}
.button-82-shadow {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 12px;
	background: hsl(0deg 0% 0% / 0.25);
	will-change: transform;
	transform: translateY(2px);
	transition:
		transform
		600ms
		cubic-bezier(.3, .7, .4, 1);
}

.button-82-edge {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 12px;
	background: linear-gradient(
		to left,
		hsl(340deg 100% 16%) 0%,
		hsl(340deg 100% 32%) 8%,
		hsl(340deg 100% 32%) 92%,
		hsl(340deg 100% 16%) 100%
	);
}

.button-82-front {
	display: block;
	position: relative;
	padding: 12px 27px;
	border-radius: 12px;
	font-size: 1.1rem;
	color: white;
	background: hsl(345deg 100% 47%);
	will-change: transform;
	transform: translateY(-4px);
	transition:
		transform
		600ms
		cubic-bezier(.3, .7, .4, 1);
}

@media (min-width: 768px) {
	.button-82-front {
		font-size: 1.25rem;
		padding: 4px 16px;
	}
}

.button-82-pushable:hover {
	filter: brightness(110%);
	-webkit-filter: brightness(110%);
}

.button-82-pushable:hover .button-82-front {
	transform: translateY(-6px);
	transition:
		transform
		250ms
		cubic-bezier(.3, .7, .4, 1.5);
}

.button-82-pushable:active .button-82-front {
	transform: translateY(-2px);
	transition: transform 34ms;
}

.button-82-pushable:hover .button-82-shadow {
	transform: translateY(4px);
	transition:
		transform
		250ms
		cubic-bezier(.3, .7, .4, 1.5);
}

.button-82-pushable:active .button-82-shadow {
	transform: translateY(1px);
	transition: transform 34ms;
}

.button-82-pushable:focus:not(:focus-visible) {
  	outline: none;
}
.overlay {

	height: 100%;

	width: 0;

	position: fixed;

	top: 0;

	left: 0;

	background-color: var(--background);

	overflow-x: hidden;

	transition: 0.5s;

	z-index: 1000;

}

.overlay-content {
	position: relative;
	top: 25%;
	text-align: center; 
}

.overlay a {
	display: block;
	font-size: 2rem;
	color: var(--pink);
	padding: 1rem;
	transition: color 0.3s;
}

.overlay a:hover {
  	color: var(--orange);
}

.closebtn {
	position: absolute;
	top: 20px;
	right: 45px;
	font-size: 3rem;
	color: var(--pink);
}

.closebtn:hover {
	color: var(--orange);
	font-size: 3rem;
	transition: color 0.2s;
}

.hero-title {

  	padding: 2%;

}
.hero-title span {

	font-size: 7rem;

	background: var(--gradient);

	font-weight: bold;

	background-size: 1px;

	background-position: 30%;

	-webkit-background-clip: text;

	-webkit-text-fill-color: transparent;

	text-shadow: 4px 4px 0 var(--background);

	position: relative;  

	font-family: georgia;
}

.hero-title-2 span { 

	font-size: 3.5rem;

	font-weight: bold;

	font-family: georgia;

	color: var(--orange);  

	text-shadow: 2px 2px 0 var(--pink);

	letter-spacing: 16px;

	position: relative; 

}

.slogan p {

	padding: 2%;

	color: var(--pink);

	font-size: 2rem;

}

button, i {

	background: var(--gradient);

	max-width: 100%;

	display: flex;

	justify-content: center;

	align-items: center;

}

.btns {

	display: flex;

	justify-content: center;

	align-items: center;

}

.btn {

	padding: 1%;

	max-width: 100%;

	width: 15rem;

	height: 4.9rem;

	border-radius: 25px;

	font-size: 1.2rem;

	color: var(--background);

	border: var(--pink);

}
.games_section{
	text-align: left;
}
.game_name{
	font-family: "Marcellus", serif;
	margin-top: 0;
	font-size: 80px;
	color: #fff;
}
.games_section h4{
	color: #000;
    font-size: 35px;
    font-family: "Mileast";
    letter-spacing: 0px;
    margin-top: 15px;
    margin-bottom: 5px;
}
.games_section p, .games_section ul li{
	color: #fff;
}
.games_section .points{
	display: flex;
	color: #fff;
}
.games_section .points .icon{
	margin-right: 5px;
}
.mt-4{
	margin-top: 25px;
}
.contact_info p{
	color: #000;
}
.innerpages.contact_details  h2{
	color: #0f0455;
}

.innerpages.contact_details  .contact_info {
	background-color: #aa7bff;
}
.contact_info p{
	margin-bottom: 0;
}
.contact_info h5{
	font-size: 30px;
    font-family: "Marcellus", serif;
    letter-spacing: 0;
    font-weight: 600;
}
.notes_section h4{
	color: #fff;
}
.notes_section p{
	color: #fff;
}
@media (max-width: 991px) {
	.home-page h2{
		font-size: 32px;
	}
	.uniex_text{
		color: #fdd835;
		font-size: 67px;
	}
	.game h4{
		height: auto;
	}
	.contact_info{
		padding: 20px;
	}
	.game_name{
		font-size: 52px;
	}
	.games_section h4{
		font-size: 28px;
	}
	.contact_info h5 {
		font-size: 21px;
	}
}