body {
	background-image: linear-gradient(to bottom right, #000000, #161616);
	color: #f8f8f8;
	font-family: "Noto Sans", sans-serif;	
}

.main {
	text-align: center;
}


a {
	color: #a584e3;
}

a:hover {
	color: #c1afe3;
}

a:visited {
	color: #a584e3;
}

.navbar a {
	color: #ccb0ff;
}

.navbar a:hover {
	color: #ccb0ff;
}

.navbar a:visited {
	color: #ccb0ff;
}

.navbar.bg-black {
	background-color: #000000;
}

.navbar-brand img {
	max-height: 60px;
}

.btn-outline-purple {
	--bs-btn-color: #6f42c1;
    --bs-btn-border-color: #6f42c1;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #6f42c1;
    --bs-btn-hover-border-color: #6f42c1;
    --bs-btn-focus-shadow-rgb: 25, 135, 84;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #6f42c1;
    --bs-btn-active-border-color: #6f42c1;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #6f42c1;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #6f42c1;
    --bs-gradient: none;
}

.btn-purple {
	--bs-btn-color: #fff;
    --bs-btn-bg: #6f42c1;
    --bs-btn-border-color: #6f42c1;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #824de3;
    --bs-btn-hover-border-color: #373b3e;
    --bs-btn-focus-shadow-rgb: 66, 70, 73;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #824de3;
    --bs-btn-active-border-color: #373b3e;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #6f42c1;
    --bs-btn-disabled-border-color: #6f42c1;
}

.btn-purple:visited {
	color: #fff;
}


.godspell-page {
	padding-top: 16px;
	padding-bottom: 16px;
	background-position: top left;
	background-repeat: no-repeat; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-image: url('/images/prince_of_egypt_page_bg.jpg');
}


.content-bubble {
	margin-top: 24px;
	padding: 16px;
	background-color: #303030;
	border-radius: 12px;
	border: 1px solid #6f42c1;
}

@media only screen and (max-width: 575px) {
	.godspell-page {
		background-image: url('/images/prince_of_egypt_page_bg.jpg');
	}
}

footer {
	background-color: #3a2f4d;
	border-top: 1px solid #6f42c1;
}

.godspell-banner {
	padding-top: 16px;
	padding-bottom: 16px;
	background-position: top left;
	background-repeat: no-repeat; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-image: url('/images/prince_of_egypt_header.jpg');
	text-align: center;
}


.godspell-banner img {
	max-width: 90%;
	max-height: 280px;
}

.godspell-bubble {
	background-color: #ffffff;
	border: 4px solid #000000;
	border-radius: 12px;
	color: #161616;
	padding-top: 8px;
	padding-bottom: 8px;
}