#maincontainer {
	position: relative;
    min-height: 100vh;
}
#contactpage {
	font-size: 24px;
}
#contactpage .card {
	background-color: #9e7d5b;
}
#contactpage input,
#contactpage select,
#contactpage textarea {
	font-family: sans-serif;
}
body {
	font-family: 'Rye', serif;
	font-size: 48px;
	background-color: #000 !important; /* More important than YOU */
}
footer {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 80;
}
img {
	max-width: 100%;
}
/*.background:not(body) {
	background: rgb(45,40,22);
	background: linear-gradient(90deg, rgba(45,40,22,1) 0%, rgba(117,110,85,1) 65%, rgba(45,40,22,1) 100%);
}*/
  .bd-placeholder-img {
	font-size: 1.125rem;
	text-anchor: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
  }

  @media (min-width: 768px) {
	.bd-placeholder-img-lg {
	  font-size: 3.5rem;
	}
  }

  .b-example-divider {
	height: 3rem;
	background-color: rgba(0, 0, 0, .1);
	border: solid rgba(0, 0, 0, .15);
	border-width: 1px 0;
	box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
  }
	
.btn-success {
	--bs-btn-color: black;
	--bs-btn-bg: #BE9A13;
	--bs-btn-border-color: #BE9A13;
	--bs-btn-hover-bg: #E3B817;
	--bs-btn-hover-border-color: #E3B817;
	font-weight:bold
	
}
  .b-example-vr {
	flex-shrink: 0;
	width: 1.5rem;
	height: 100vh;
  }

  .bi {
	vertical-align: -.125em;
	fill: #000000;
  }

  .nav-scroller {
	position: relative;
	z-index: 2;
	height: 2.75rem;
	overflow-y: hidden;
  }

  .nav-scroller .nav {
	display: flex;
	flex-wrap: nowrap;
	padding-bottom: 1rem;
	margin-top: -1px;
	overflow-x: auto;
	text-align: center;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;
  }
  
/* You ready for this CSS? */

#pedestal {
	height: 200px;
	filter: brightness(0) blur(5px);
}
#logo {
	filter: brightness(0) blur(5px);
	position: relative;
	z-index: 2;
	max-width: 75vw;
	max-height: 75vh;
	min-width: 200px;
	min-height: 200px;
}
#toplinks,#bottomlinks {
	position: relative;
	z-index: 80;
	opacity: 0;
}
#bottomlinks {
    flex-direction: row;
    justify-content: center;
    gap: 1em;
    align-items: center;
    flex-flow: row wrap;
}
/* OH MY GOD, YOU'RE NOT EVEN READY! HURRY UP! */
.spotlight,
.spotlight-base {
	position: absolute;
	background-size: cover;
	background-repeat: no-repeat;
}
.spotlight-base.left {
	left: calc(25% - 64px);
}
.spotlight-base.right {
	left: calc(75% - 64px);
}
.spotlight.left {
	left: calc(25% - 250px);
}
.spotlight.right {
	left: calc(75% - 250px);
}
.spotlight.left, .spotlight-base.left {
	transform: rotate(-30deg);
}
.spotlight.right, .spotlight-base.right {
	transform: rotate(30deg);
}
.spotlight-base {
	background-image: url(/spotlight_base.png);
	height: 128px;
	width: 128px;
	transform-origin: bottom;
	bottom: 0;
}
.spotlight {
	background-image: url(/spotlight.png);
	height: 500px;
	width: 500px;
	bottom: 0;
	mix-blend-mode: plus-lighter;
	filter: brightness(0%);
	transform: rotate(0deg);
	transform-origin: bottom;
	z-index: 50;
}

.curtain-top {
	background-image: url(/curtain_top.png);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 5;
	height: 130px;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
.curtain-side {
	background-image: url(/curtain_side.png);
	position: absolute;
	z-index: 2;
	top: 0;
	bottom: 0;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
.curtain-side.left {
	left: 0;
	right: 30%;
	background-position: top right;
}
.curtain-side.right {
	right: 0;
	left: 30%;
	background-position: top left;
	-moz-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	filter: FlipH;
	-ms-filter: "FlipH";
}
.curtainstuff {
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	overflow: hidden;
    z-index: -1;
}
.oooo-looka-dat-bawdy {
	background-image: url(/curtain_bg.png);
	background-size: 100% auto;
	background-color: #262221 !important; /* More important than YOU */
	position:absolute;
	z-index:-1;
	top:0;
	left:0;
	right:0;
	opacity: .2;
    background-position: top;
    background-repeat: no-repeat;
    bottom: 0;
}
@media (max-width: 1200px) {
	.curtain-top {
		background-size: 160% 100%;
		background-position: top center;
	}
	.spotlight-base.left {
		left: calc(10% - 64px);
	}
	.spotlight-base.right {
		left: calc(90% - 64px);
	}
	.spotlight.left {
		left: calc(10% - 250px);
	}
	.spotlight.right {
		left: calc(90% - 250px);
	}
}
/* width */
::-webkit-scrollbar {
  width: 12px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #000; 
  border-radius: 10px;
  opacity: .2;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #666; 
  border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #777; 
}
.btn-special {
    display: flex;
    align-items: center;
	position: relative;
    transform: scale(.75);
}
.btn-special > div.bg {
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
    border-style: solid;
	z-index:-1;
}
.btn-special:hover {
	color: #fff !important;
    transform: scale(.8);
}
#toplinks {
	position: absolute;
	top:0;
	z-index: 90;
}
/*.btn-ticket {
    border-image-source: url(/button_template.png);
    border-image-slice: 35% fill;
    border-image-repeat: repeat;
    border-width: 18px;
	min-height: 2em;
}*/
.btn-fortune {
    font-size: 28px;
    padding: 25px;
    color: #d8a252;
}
.btn-special.btn-fortune > div.bg {
    border-image-source: url(/button_fortune.png);
    border-image-slice: 35% fill;
    border-image-repeat: stretch;
    border-width: 64px;
}
.btn-curiosities {
    font-size: 28px;
    padding: 20px 60px;
    color: #000000;
    text-shadow: 0 0 4px #fff;
}
.btn-special.btn-curiosities > div.bg {
    background-image: url(/button_curiosities.png);
	border-width:0px;
	background-size: 100% 100%;
}
.btn-fortuneteller {
    font-size: 28px;
    padding: 0px 60px;
    color: #0fb6db;
    text-shadow: 0 0 4px #813c95;
    flex-flow: column;
    gap: 85px;
    padding-top: 20px;
    padding-bottom: 8px;
    text-transform: uppercase;
}
.btn-special.btn-fortuneteller > div.bg {
    background-image: url(/button_fortuneteller.png);
	border-width:0px;
	background-size: 100% 100%;
}
.btn-special.btn-fortuneteller > span {
	display:block;
}
.btn-hand {
    font-size: 28px;
    padding: 25px;
    color: #9eb53e;
    text-transform: uppercase;
    height: 90px;
    /*margin-bottom: -34px;*/
    margin-left: 94px;
    margin-right: -44px;
}
.btn-special.btn-hand > div.bg {
    border-image-source: url(/button_hand.png);
    border-image-slice: 0% 3% 0% 44% fill;
    border-image-repeat: stretch;
    border-width: 9px;
    border-left-width: 100px;
    left: -100px;
}
.btn-ticket {
    font-size: 36px;
    padding: 64px;
    color: #000;
    text-transform: uppercase;
    margin: -60px;
}
.btn-special.btn-ticket > div.bg {
    border-image-source: url(/button_ticket.png);
    border-image-slice: 33% fill;
    border-image-repeat: repeat;
    border-width: 60px;
}