/*hello world
*/

body {
 	width: 100%;
 	margin: 0;
 	padding: 0;
 	box-sizing: border-box;
 	min-height: 100vh;
 	font-family: sans-serif;
	background-color: rgb(209,105,52);
	font-size: 18px;
}


a {
	color: white;
	font-weight: bold;

}

a:hover {
	color: black;

}

/*h2 .content{
	text-align: center;

}*/

blockquote {
	background: rgb(555,555,555,0.3);
	padding: 1em;

}

#signup {
	text-align: center;
	font-weight: bolder;
}

.header_wrapper header{
	background-color: white;
/*	min-height: calc(1em);*/
	padding: 1em;
/*	color: red;*/
 
}

.left-col {
	width: 45%;
	float: left;
}

.right-col {
	width:45%;
	float: right;
}

.content {
	text-align: left;
	padding-top: 1em;
	padding-right: 2em;
	padding-bottom: 50px;
	padding-left: 2em;
	border: white 4px solid;
	width: 70%;
	margin: auto;

}

.content h3 {
	text-decoration-line: underline;
/*	text-decoration-color: white;*/

}

.tickets {
	background-color: black;
	color: white;
	min-height: calc(1em);
	padding: 20px;
 	text-align: center;
 	text-transform: uppercase;
	font-weight: bold;
	font-size: 1.4em;
}


.orange {
	color: rgb(209,105,52);

}


input[type=submit] {
  background-color: black;
  color: white;
  border: none;
  padding: 1em 2.4em;
  text-align: center;
  text-decoration-line: underline;
  text-decoration-style: wavy;
/*  display: inline-block;*/
  font-size: 18px;
}


input[type=email] {
	width: 60%;
	padding: 12px;

}

#secret a {
	color: rgb(209,105,52);

}

#secret a:hover {
	color: white;

}


.header1 {

	background-color: white;
	padding: 5px;
	padding-top: 30px;
	padding-bottom: 30px;
	margin: auto;
	list-style-type: none;
	text-align: center;
	font-weight: bold;
	width: 70%;

}

.flex-container {
  display: flex;
  width: 80%;
  margin: auto;
}


#signup {
	  text-align: center;
}

#boxes {

	background-color: white;
	padding: 10px;
	padding-top: 30px;
	padding-bottom: 30px;
	margin: 1em;
	list-style-type: none;
	text-align: center;
	font-weight: bold;

}

#running {
	text-align: center;
}


#title {
	text-transform: uppercase;
	color: rgb(209,105,52);
	font-size: 4em;
	
}

#candace {
	color: rgb(209,105,52);
	font-style: italic;
	
	}

#adrian {
	font-size: 2em;
}

#roles {
/*	margin-left: 1.2em;
	margin-right: 2em;*/

}

#roles li {
	margin-bottom: 0.8em;
}


#logline {
	text-align: right;
	padding: 1em;
	margin-right: 70px;
}

#end {

	text-align: center;
	font-style: italic;

}

#whatplay {
	font-family: serif;
	font-style: italic;
	font-weight: bold;

}

#where-auditions {
	font-weight: bold;
}

#buttondown {
	font-size: 14px;


}

#filecabinet {
	height: 12em;
	float: right;
	margin-right: 1em;

}


@media (max-width: 800px) {
  .flex-container {
    flex-direction: column;
  }
  .content {
	text-align: left;
	padding-top: 1em;
	padding-bottom: 50px;
	border: white 4px solid;
	width: 70%;
	margin: auto;

}

}




/*
https://github.com/programmercloud/responsive-profile-page/blob/main/css/style.css
https://www.youtube.com/watch?v=HrcpBtKe-Vg

https://www.w3schools.com/cssref/css3_pr_align-items.php
https://www.w3schools.com/csS/css3_flexbox.asp

https://www.w3schools.com/tags/tag_button.asp
https://www.w3schools.com/TAgs/tag_nav.asp
https://www.w3schools.com/html/html_responsive.asp
https://www.thesitewizard.com/css/mobile-friendly-responsive-design.shtml


*/