@charset "UTF-8";
/* Body */
body {
    font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
    background-color: #141316;
    margin: 0;
    letter-spacing: normal;
    text-align: center;
    vertical-align: middle;
    word-spacing: normal;
    display: block;
}
/* Container */
.container {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	background-color:aliceblue;
}
/* Header */
header {
	width: 100%;
	height: 8%;
	background-color:aliceblue;
	border-bottom: 1px solid #353635;
	
}



.GGAALogo {
	color: #fff;
	font-weight: bold;
	margin-left: auto;
	letter-spacing: 4px;
	margin-right: auto;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 10px;
	line-height: 2em;
	font-size: 22px;
	width: 20%;
	display: block;
	
}
.hero_header {
	color: #FFFFFF;
	text-align: center;
	margin: 0;
	letter-spacing: 4px;
}
/* About Section */
.text_column {
	width: 90%;
	text-align: left;
	font-weight: lighter;
	line-height: 25px;
	float: left;
	padding-left: 20px;
	padding-right: 20px;
	color: #A72022;
}

.Cover{
	margin-bottom: 2em;
}

#Name{
	color:rgba(69,184,211,0.71);
}

.gallery {
	clear: both;
	display: inline-block;
	width: 100%;
	background-color: #FFFFFF;
	/* [disabled]min-width: 400px;
*/
	padding-bottom: 35px;
	padding-top: 0px;
	margin-top: -5px;
	margin-bottom: 0px;
}
.thumbnail {
    width: 23%;
	height: 50%;
	text-align: center;
	float: left;
	margin-top: 35px;
	background-color:rgba(248,247,249,0.74);
	box-sizing: border-box;
	padding-bottom: 20px;
	margin-left:2%;
	margin-right: 1%;
	border-radius: 3px;
	padding-top: 20px;
	border-bottom: 4px solid #6DC7D0;
	box-shadow: 2px 2px;
	border-left:medium rgba(0,0,0,1.00);
	
}

.artwork {
	
	box-shadow: 2px 1px 7px 2px black;
	border: 2px solid transparent;
    padding: 2px;
	margin-bottom: 2em;
	scale: 2em;
	
}
	
	

.gallery .thumbnail h4 {
	margin-top: 5px;
	margin-bottom: 5px;
	color: #52BAD5;
	text-align: left;
	padding-left: 20px;
	padding-right: 20px;
}
.gallery .thumbnail p {
	margin: 0;
	color: #B3B3B3;
	text-align: left;
	padding-left: 20px;
}
/* More info */
.intro {
	background-color: rgba(19,20,24,0.94);
	padding-bottom: 10px;
	
}
.column {
	width: 50%;
	text-align: center;
	float: left;
	color:saddlebrown;
	letter-spacing: 1em;
}


.intro .column h3 {
	color: #0E0D1D;
	text-align: center;
}
.intro .column p {
	color: floralwhite;
	letter-spacing: normal;
	line-height:4em;
	font-weight: lighter;
}
.cards {
	width: auto;
	height: 20%;
	max-width: 100;
	max-height: 50;
	padding-right:2em;
	padding-left: 2em;
	opacity: .1;
}
.intro .column p {
	padding-left: 30px;
	padding-right: 30px;
	text-align: justify;
	line-height: 25px;
	font-weight: lighter;
	margin-left: 20px;
	margin-right: 20px;
	width: 80%;
	margin-top: 4%;
	
}
.button {
	width: 200px;
	margin-top: 40px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	text-align: center;
	vertical-align: middle;
	border-radius: 0px;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 2px;
	border: 3px solid #FFFFFF;
	color: #FFFFFF;
	transition: all 0.3s linear;
}

.button:hover {
	background-color: #6DC7D0;
	color: #FFFFFF;
	cursor: pointer;
}

.copyright {
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #717070;
	color: #FFFFFF;
	text-transform: uppercase;
	font-weight: lighter;
	letter-spacing: 2px;
	border-top-width: 2px;

}

#copyright{
	
	color:antiquewhite;
	mix-blend-mode: overlay;
	
}
footer {
	background-color: #B3B3B3;
	padding-top: 60px;
	padding-bottom: 60PX;
}
#gradient{background-color:mediumturquoise;
	mix-blend-mode: luminosity;
	color:black;

}
#gradientB{
	
background-color:mediumturquoise;
	mix-blend-mode: luminosity;
font-weight: 700;
	color:black;
	opacity: 70%;
}
.intro {
	display: inline-block;
	box-sizing: border-box;
  font-variant-alternates: normal;
  border-bottom: thick;
  border-top: 2px solid #095484;
  border-botto:2px solid #095484;;
  background-color:rgba(0,0,0,0.8);
  background-blend-mode: exclusion;
}
.profile {
	width: 50%;
}
.gallery .thumbnail .tag {
	color: #5D5E5D;
	padding-bottom: 4px;
	padding-top: 4px;
	text-align: left;
	padding-left: 20px;
	padding-right: 20px;
}
.Poems{align-content: center;
    background-color: floralwhite;
	mix-blend-mode: luminosity;
    margin: 10em;margin-top: -10em;
}

.Intro{align-content: center;
    background-color: rgba(59,150,223,0.5);
	mix-blend-mode: hard-light;
    margin: 0em;margin-top: 0em;
	height:38em;
    background-color:rgba(214,210,189,0.79);
	
}
.Writing {align-content: center;
	margin: 3em;
	margin-top: 3em;
	margin-bottom: 3em;
	
	
	
}


#WritingBackround{
	background-color:rgba(18,12,26,0.9);mix-blend-mode: saturation;
	padding-top: 3em;
}

.BotBackground{
	align-content: center;
	float: left;
	background-color:rgba(24,31,71,0.81);
	width: 100%;
	height:1em;
}

#Color{
	background-color: floralwhite;
	border: groove;
	border-color:rgba(22,8,43,0.95);
	border-width: 3em;
	padding-top: 5em;


}


#BackgroundImage {
	mix-blend-mode: darken;
	background-color:rgba(32,23,42,1.00);
	
}
#HomeBackground{background-color: rgba(15,16,17,1.00);mix-blend-mode: hard-light;
	margin-top: 2em;
	height: 100%;
	width: 100%;
	min-height: none;
		

}
#Poems{
	
	margin-top: 0;
	height: 100%;
	width: 100%;
	min-height: none;	
	
	
	
}

#Legacy
    {color:black;
	font-size: 4em;
	mix-blend-mode: normal;
	margin-left: 0em;
	margin-bottom: 0em;
	letter-spacing: .25em;
	font-weight: 575;
	line-height: 5em;
	padding-top: 3em;
	padding-bottom: 2em;
    
}
.Title{
  margin: auto;
  width: 80%;
  border: none;
  padding: 10px;
  align-content: center;
	
}

.LegacySm{
	
	font-weight: 600;
	letter-spacing: .25em;
	justify-content: center;
	line-height: 2em;
	margin-top:4em;
	margin-bottom: -1em;
	
	
}

#Spacing{
	letter-spacing: .3em;
	
	
}
td {
    max-height: 2em;
    font-size: 36px;
    font-style: oblique;
    font-weight: 500;
    font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
}
.btn-sm{
	
	color:rgba(236,224,197,0.83);
	background-color:rgba(59,43,14,0.8);
	font-size: .5em;
	letter-spacing: .7em;
	padding-left: 1em;
	float: left;
	margin-bottom: 2em;
	border: 3px solid black;
	border-style: dotted;
	


	
}

.btn-sm:hover {
	background-color:rgba(56,26,12,0.72);
	mix-blend-mode: exclusion;
	color: antiquewhite;
	cursor: pointer;
	letter-spacing: .2em;
	margin-left: 1em;
	transform:rotate(4)
	 
}

#Artwork{
	color: black;
	font-weight: 700;
	margin-top:-9em;
}
#WButton{
	margin-top: -20em;
	margin-left: auto;
	margin-right: auto;
}
#AButton{
	
	margin-top: -20em;
	margin-left: auto;
	margin-right: auto;
	

}

table.center {
  margin-left: auto; 
  margin-right: auto;
}
.Center {
  margin-left: auto;
  margin-right: auto;
  margin-top: -3em;
  margin-bottom: 2em;

	
	
}	
.border.hr{
	height:9em;
	
}
footer.Home {
	margin-top:10em;
	background-color:rgba(0,0,0,0.9);
	mix-blend-mode: darken;
	max-height: 30em;
	filter: blur(5px);

	
  	}

.WritingSoon{
	background-color:rgba(23,24,27,0.89);
	opacity: .9;
	margin-top: 20em;
}
#LowerBoarder {
	max-height: 70em;
	margin-top: -3em;
	

	
}

.FooterB{
	
	border: solid;
	background-color:black;
	background-color:rgba(0,0,0,0.2);
	bottom-border: groove;
	margin-left:.5em;
	
}

#WritingHome{
	
	background-color:none;
}

.TableWriting{
	margin-left: auto;
	margin-right: auto;
	height: 500px;
	background-color:rgba(30,64,75,0.3);
	mix-blend-mode: normal;
	border-color:rgba(25,110,131,0.82);
	opacity: 90%;
	

}#Title{
	color:lemonchiffon;
	opacity: .6;
	line-height: .2;
	margin-top:3em;
	margin-bottom_3em;
}


.WillPost{
	
	background-color:rgba(10,19,43,0.84);
	background-blend-mode: luminosity;
	padding-top: 3em;
	padding-bottom: 2em;
	margin-top:2em;
	margin-left: .5em;
	margin-right:.5em;
	color: linen;
	opacity: .8;
	
}

.TableWriting{
	
	line-height: 2.5em;
}
#RowWriting{
	margin-top: 3em;
	background-color:palegoldenrod;
	opacity: .7;
	width:70%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 3em;
	padding-bottom: 3em;
	border-radius: 10%;

	
}

#WillPostH{
    line-height: 3em;
    border-radius: 25px;
    font-weight: 100;
    font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
    font-style: normal;
    font-size: 14px;
}

/* Mobile */
@media (max-width: 320px) {
.GGAALogo {
   text-align: center;
	margin-top: 13px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width:5%;
    display: block;	
	
}
.text_column {
	width: 100%;
	text-align: justify;
	padding: 0;
}
.intro .column p {
	width: 80%;
	margin-left: 0px;
}
.text_column {
	padding-left: 20px;
}
.thumbnail {
	width: 100%;
}
.column {
	width: 100%;
	margin-top: 0px;
}
.hero_header {
	padding-left: 10px;
	padding-right: 10px;
	line-height: 22px;
	text-align: center;
}
}

/* Small Tablets */
@media (min-width: 321px)and (max-width: 767px) {
.GGAALogo{
	width: 30%;
	text-align: center;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	align-content: center;
}
	#AgelessArmQ{
	font-family: "PT Serif";
  	color: black;
 	 text-emphasis: normal;
 	 padding-top: 6px;
 	 font-variant-alternates: normal;
 	 letter-spacing: 7px;
    text-align:center;

	}
.text_column {
	width: 100%;
	text-align: left;
	padding: 0;
}
.thumbnail {
	width: 100%;
}
.column {
	width: 100%;
	margin-top: 0px;
}
.thumbnail {
	width: 100%;
}
.text_column {
	padding-left: 20px;
	padding-right: 20px;
	width: 90%;
}
.column {
	width: 100%;
	margin-left: 0px;
	margin-right: 0px;
}
.profile {
	width: 100%;
}
.intro .column p {
	width: 90%;
	text-align: center;
	padding-left: 0px;
}
}

/* Small Desktops */
@media (min-width: 768px) and (max-width: 1096px) {
.text_column {
	width: 100%;
}
.thumbnail {
	width: 48%;
}
.text_column {
	width: 90%;
	margin: 0;
	padding: 20px;
}
.intro .column p {
	width: 80%;
}
}



.title {
	font-size-adjust: 3em;
}


.logo {
	color: midnightblue;
	float: left;
	margin:.5em;
	font-size:1em;
	}

.header {
	height:3em;
	
}

.WritingToCome {
	margin-top: 5em;
}

#AName {
	color:lemonchiffon;
	opacity:.8;
	font-size:.5em;
	letter-spacing: .5em;
	margin-bottom: 5em;
}

#BButton {
	margin-left: auto;
	margin-right: auto;
	margin-top: 5em;
	float:none;
	font-size: 1em;
	padding 2em;
	width: 70%;
	line-spacing:.2em;
	line-height: 2em;
}