@import url("https://use.typekit.net/oyc6kzj.css?v=2");

@font-face {
  font-family: 'LilitaOne';
  src: url('https://www.mountbakergames.com/farce/fonts/LilitaOne-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

html, body {
    height: 100%;
    margin: 0px;
	font-family: "owners", sans-serif;
	font-weight: 400;
	font-style: normal;
    background-color: #fff;
    color: #fffdd6;
    background: url(https://www.mountbakergames.com/farce/images/background.jpg?v=3) no-repeat center center!important; 
    -webkit-background-size: cover!important; 
    background-attachment: fixed !important;
}

h1, h2, h3, h4, h5, .lilita {
	font-family: "LilitaOne", sans-serif;

}

p, ul, li {
	font-family: "LilitaOne", sans-serif;
	font-size: 22px;
}

.container-text {
	background-color:#fffddb;
	padding: 20px;
	border-radius: 20px;
	color: #022f4d !important;
	opacity: 0.7!important;
}

.mt-6 {
	margin-top: 80px !important;
}

.story-heading {
  background-color: #383938;
  color: #fff;
  padding: 25px 25px 15px;
  margin-top: 20px;
}

.panel-1 h1 {
	font-size: 3em;
	font-weight: 700;
	font-style: normal;
}

p {
	font-size:22px;
}

.navbar {
 	background: #32667a; 
	color: #fff;
	border-bottom: 5px solid #fffdd6;
}

footer {
 	background: #32667a; 
	color: #fbf9d8;
	border-top: 5px solid #fbf9d8;
}

.img-shadow {

    box-shadow: 3px 5px 10px rgba(146, 146, 146, 1);

}

.alert {
	text-shadow: none;
}



.navbar a, footer a {
	color: #fffdd6;
	font-size: 22px;
}

.navbar a:hover, footer a:hover {
	color: #97e7f8;
}

a.active {
	color: #97e7f8!important;
	font-weight: bold;
}

.add-padding {
	padding: 10px;
}

.panel-0 {
	margin-top:100px;
    color: #fffdd6;
}

.panel-1 {
    background-color: #214b93;
    background: url(https://www.mountbakergames.com/images/panels/panel-1.jpg?v=3) no-repeat fixed bottom center!important; 
    -webkit-background-size: cover!important; 
    color: #fff;
    text-shadow: 2px 2px 0 #000;
}

.panel-1 h1 {
	font-size: 3em;
	font-family: "owners", sans-serif;
	font-weight: 700;
	font-style: normal;
}

.panel-1 p {
    font-size: 24px;
}

.panel-2 {
	padding-bottom: 40px;
}

.panel-3 {
    background-color: #214b93;
    background: url(https://www.mountbakergames.com/images/panels/panel-1.jpg?v=3) no-repeat center center!important; 
    -webkit-background-size: cover!important; 
	padding-top:40px;
	padding-bottom:40px;
	border-top: 5px solid #000;
	border-top: 5px solid #97e7f8;
	border-bottom: 5px solid #97e7f8;
	color: #fff;
}

.panel-3 a {
	color:#fff;
}

.add-padding-top {
	padding-top: 100px;
}

.btn-primary {
	font-size:22px;
	color:#32667a;
	background-color: #fbf9d8;
	box-shadow: none;
	text-shadow: none;
	border: none;
	padding: 15px;
}

.btn-primary:hover {
	background-color:#97e7f8;
	color: #000;
}

.img-shadow {
	box-shadow: 4px 4px 5px #000;
}

.shimmer {
  display:inline-block;
  -webkit-mask:linear-gradient(-60deg,#fff 30%,#0005,#fff 70%) right/300% 100%;
  background-repeat: no-repeat;
  animation: shimmer 1s 4;
}

@keyframes shimmer {
  100% {-webkit-mask-position:left}
}

.hide {
	display: none!important;
}

/* Overlay styles */
#loading-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}

#loading-spinner {
    border: 8px solid #000; 
    border-top: 8px solid #97e7f8; 
    border-radius: 50%;
    width: 80px;
    height: 80px;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

@media only screen and (max-width: 540px) { 

	.add-padding {
		padding: 35px;
	}

	.add-padding-top {
		padding: 10px;
	}

	.mt-5 {
  		margin-top: 1rem !important;
	}

}