/* Colors
dark blue: #010326
medium dark blue: #021F59
blue: #034AA6
lighter-blue: #69a9fc
yellow: #F2A30F
orange: #F2360C

Gradients:
magenta: #4F1251
ligher magenta: #71256B
blue: #2D3C91
darker blue: #011B54
*/

@import "bootstrap-icons/font/bootstrap-icons.css";

/* Colors to use. Make sure to use background-color for solid colors, and background-image for gradients */
/* Dark blue*/ 
.custom-bg1 {
	background-color: #010326;
}
/*Magenta fade to blue*/
.custom-bg2 {
	background-image: linear-gradient(#4F1251, #2D3C91);
}
/* Transparent Black */
.custom-bg3 {
	background-color: rgba(0, 0, 0, .7);
}
/* Yellow fade to Orange */
.custom-bg4 {
	background-image: linear-gradient(#F2A30F, #F2360C);
}
/* Light Blue to Dark Blue*/
.custom-bg5 {
	background-image: linear-gradient(#2D3C91, #011B54);
}
/* Blue fade to Orange fade to Yellow*/
.custom-bg6 {
	background-image: linear-gradient(#2D3C91, #F2360C, #F2A30F);  
}
/* Light Blue fade to Dark Blue*/
.custom-bg7 {
	background-image: linear-gradient(#69a9fc, #010326);
}
/* End */

.material-symbols-outlined {
	font-size: 30px;
	color: #71256B;
}
body {
	font-family: 'Funnel Display';
	background-color: #021F59;
}
.core {
	background: url(img/gameskybackground.png) no-repeat center center;
	background-size: cover;
    height: 100vh;
    color: white;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.9);
}
.login-screen {
	background: url(img/pixel-galaxy.png) no-repeat center center;
	background-size: cover;
    height: 100vh;
    color: white;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.9);
}
.btn-custom {
	background-color: #ff4500;
    border: none;
}
.section-title {
    font-weight: bold;
    margin-bottom: 20px;
}
.gaming-font {
	font-family: 'Honk';
	font-size: 100px;
}
.level-up {
	display: flex;
	width: 50%;
}
.backtotop {
	text-decoration: none;
}

@media print {
	nav, footer {
		display: none;
	}
	header {
		border-style: none;
	}
	main {
		width: 100%;
	}
	img {
		display: none;
	}
	.coupons {
		display: none;
	}
	.wrapper {
		border: none;
	}
	.scroll-container {
		display: none;
	}
	.bold {
		display: none;
	}
	#contact {
		display: none;
	}
	.btn {
		display: none;
	}
	.menu {
		display: none;
	}
	.card, .card img {
		page-break-inside: avoid;
		break-inside: avoid;
	}
	.card-group {
		display: block !important;
	}
	.card {
		display: block !important;
		width: 100% !important;
		margin-bottom: 1em !important;
	}
	.pagination {
		display: none;
	}
	#courses {
		page-break-inside: avoid;
		break-inside: avoid;
	}
	.col-6 {
		flex: 0 0 100% !important;
		max-width: 100% !important;
		width: 100% !important;
	}
	.table {
		page-break-inside: avoid;
		break-inside: avoid;
	}
}