@charset "UTF-8";
/* CSS Document */
.PageMenu {
	text-align: justify;
	color:#4C0D8D;
	font-size: 1.5em;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	width:100%;
	transform: rotate(-90deg);
	margin-top:0px;
	margin-left:-47%;
	position:sticky;
}

.homepagearea {
	margin-top:10%;
	display: flex;
	vertical-align:middle;
	flex-direction: column;
}

.RoofArea {
	width:70%;
	display: block;
	position:fixed;
	align-self: center;
	margin-top:48%;
	transform: rotate(180deg);
}

.roofroof {
	padding:2%;
	position:relative;
}

.roofroof::before {
	content:"";
	position:absolute;
	top:0;
	left: 0;
	height: 60%;
	width: 50%;
	background-color: #4C0D8D;
	transform: skew(0deg, -10deg);
}

.roofroof::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	height: 60%;
	width: 50%;
	background-color: #4C0D8D;
	transform: skew(0deg, 10deg);
}

.roofname {
	color:#4C0D8D;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	width:50%;
	margin-top:-5%;
	transform:rotate(170deg);
}

.UnderTheRoof {
	width:60%;
	height:80%;
	margin-bottom:0px;
	margin-left:15%;
/*	border:1px red solid;*/
	position: absolute;
}
.TanBottomBlocker {
	margin-top:-2em;
}

.TanBottomBlocker::before {
	content: "";
	position: fixed;
	z-index: -1;
	bottom:0;
	height:12em;
	width: 50%;
	background-color: #FEF5D6;
	transform: skew(0deg, -10deg);
	left: 0;
}
.TanBottomBlocker::after {
	content: "";
	position: fixed;
	z-index: -1;
	right: 0;
	bottom:0;
	height: 12em;
	width: 50%;
	background-color: #FEF5D6;
	transform: skew(0deg, 10deg);
}

/*Manifesto Page*/
.PlaceholderManifesto {
/*	border:1px red solid;*/
	width:110%;
	margin-left:4%;
	margin-top:8%;
	margin-bottom:8%;
	display: flex;
	color:#4C0D8D;
	font-family: "Gill Sans", "Gill Sans MT", "sans-serif";
	font-size:2em;
}

#LastPlaceholderManifesto {
	margin-bottom:6em;
}

.ROOF {
	margin-right:2%;
}

.IS {
	margin-right:2%;
}
.slottt-machine-recipe {
	width: 60%;
	height:70%;
	margin-top: 10%;
	border:2px red solid;
}

.slottt-machine-recipe__mask {
    width: 100%;
    height: 150px;
    overflow: hidden; 
    position: relative;
    display: inline-block;
    margin-bottom: -40px;
}

.slottt-machine-recipe__items_container {
    position: absolute;
}

.slottt-machine-recipe__item {
    min-height: 150px;
    max-height: 150px;
    margin: 0px;
    padding: 0px;
    background-size: contain;
}

.recipe_if, .recipe_then {
    font-weight: bold;
    font-size: 120px;
}

.tagline {
  font-weight: normal;
  font-size: 24px;
}

a {
	text-decoration: none;
	color:inherit;
}

a:hover {
	color:#50c2bd;
}

.footer {
	color:#4C0D8D;
	font-family: "Gill Sans", "Gill Sans MT", "sans-serif";
	font-size: .5em;
	margin-left:90%;
	margin-top:70vh;
	position: fixed;
	transform: rotate(270deg);
	text-align: center;
}

body {
	background-color:#FEF5D6;
	height:100%;
	margin:0;
	padding:0;
	display: flex;
	flex-direction: column;
	align-content: space-around;
}
html {
	height:100%;
	}