@charset "UTF-8";
/* CSS Document */
.PlaceholderMessage {
	color:#4C0D8D;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	text-decoration: none;
	margin-top: -30%;
	margin-left:-60%;
}

.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;
}

.PlaceholderMessage a {
	text-decoration: none;
	color:#4C0D8D;
}

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

.RoofArea {
	width:70%;
	vertical-align: top;
	margin-left:15.1%;
}

.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";
	width:50%;
	left:0;
	margin-top:-5%;
	transform: rotate(350deg);
}

.UnderTheRoof {
	width:70%;
	height:80%;
	margin-bottom:0px;
	margin-left:15%;
/*	border:1px red solid;*/
	position: absolute;
	margin-top:-5%;
	display: flex;
}

.HomepageIcons {
	margin-top:15%;
	width:100%;
	display: flex;
	flex-direction: row;
/*	border:pink 1px solid;*/
}

.CenterColumn {
	width:33%;
	display:flex;
	flex-direction:column;
/*	border:1px green solid;*/
}

/*
.roofbigoval {
	width:100px;
	height:200px;
	border-radius:60%;
	border:5px solid #4C0D8D;
	content:"";
	margin-left: 28%;

}
*/

.LeftColumn {
	display: flex;
	width:33%;
	height:100%;
	flex-direction: column;
/*	border:1px orange solid;*/
}
.HomepageMegaphone {
	margin-left:9%;
	height:200px;
	transform: rotate(-10deg);
}

.PurpleMegaphone {
	height: 200px;
	opacity: 1;
}

.TextMegaphone{
	height:200px;
	opacity:0;
	transform: translateY(-102.5%);
}

.HomepageMegaphone:hover .PurpleMegaphone {
	opacity:0;
	transition:.3s;
}

.HomepageMegaphone:hover .TextMegaphone {
	opacity: 1;
	transition:.3s;
}

.HomepageMembers {
	width:400px;
	height:130px;
	margin-top: 10%;
	display:flex;
	flex-direction: column;
}

.FennaUmbrella {
}

.ClosedPurpleUmbrella {
	width:400px;
	opacity:1;
	transform: rotate(-180deg);
}

.ClosedTeamUmbrella {
	opacity:0;
	width:400px;
	transform: translate(0,-101%);
}

.FennaUmbrella:hover .ClosedPurpleUmbrella {
	opacity:0;
	transition:.3s;
}

.FennaUmbrella:hover .ClosedTeamUmbrella {
	opacity:1;
	transition:.3s;
}

.CamilaNewspaper {
	margin-top:5%;
	transform: translate(30%,60%)
}

.ClosedNewspaperPurple {
	opacity: 1;
	width:180px;
}

.ClosedNewspaperText {
	opacity:0;
	width:180px;
	transform: translate(-102%,0);
}
.CamilaNewspaper:hover .ClosedNewspaperPurple {
	opacity:0;
	transition:1s;
}

.CamilaNewspaper:hover .ClosedNewspaperText {
	opacity:1;
	transition:.3s;
}

.RightColumn {
	width:33%;
	display: flex;
	flex-direction: column;
}

.A4PaperMed {
	margin-left:20%;
}

.A4Purple {
	width:200px;
	opacity:1;
}

.A4TealText {
	opacity:0;
	width:200px;
	transform: translate(0,-102%);
}

.A4PaperMed:hover .A4Purple {
	opacity:0;
	transition:.3s;
}

.A4PaperMed:hover .A4TealText {
	opacity:1;
	transition:.3s;
}

.LightBulb {
	margin-top:-20%;
	margin-left:20.5%;
}

.LightBulbPurple {
	width:200px;
	opacity:1;
}

.LightBulbText{
	opacity:0;
	width:200px;
	transform: translate(0,-101.5%);
}

.LightBulb:hover .LightBulbPurple {
	opacity:0;
	transition:0s;
}

.LightBulb:hover .LightBulbText {
	opacity:1;
	transition:.3s;
}


/*Member Page*/
.MembersPage {
	height: 100%;
	max-height: 100%;
	width: auto;
}

.Members {
	margin-left:20%;
	display: flex;
	flex-direction: row;
}

.Member {
	display: flex;
	flex-direction: row;
	padding-right:10%;
	
}

.MemberPhoto {
	border: 2px solid #4C0D8D;
	height: 500px;
	width: auto;	
}

.MemberBio {
	color:#4C0D8D;
	font-family: "Gill Sans", "Gill Sans MT", "sans-serif";
	padding-left: 5%;
	padding-top:55%;
	width:300px;
}



/*A4 PAPER MEDITATION PAGE*/
.A4MeditationPlaceholderBox {
	border:1px solid #4C0D8D;
	width:500px;
	height: 300px;
	margin-left:40%;
}

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;
	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%;
	}