*{margin:0; padding:0;}
html{font-size:62.5%;}
body{
	font-family:veranda;
	font-size:1.1rem;
	margin:auto;
	padding: 2rem;

}
h1,h2, h3, h4, h5, h6{	
  color:#800000;
	font-family:piedre,georgia,serif;
  text-align: center;
}
h1{font-size:8em;}
h2{font-size:3rem;}
main{ }

label{font-size:1.5rem;font-weight:bold;}
input,select, textarea{
   border: .03rem solid #333;
  background-color: #F5D0C8;
  border-radius: 0.3rem;
  margin: .8rem;
  font-size:1.4rem;
  padding:.3rem;
}
input[type="text"],
input[type="email"],
select,
textarea {
  font: 1.25rem / 1.5 sans-serif;
  display: block;
  box-sizing: border-box;
  padding: 0.5rem 0.75rem;

}
textarea{min-height: 5rem; resize:vertical;}
input[type=submit]{
  background-color: #800000;
  border-radius: 1rem;
  padding:.3rem;
  border: none;
  color: #ffffff;
  cursor: pointer;
  margin:.3rem;
}
.button:hover, input[type=submit]:hover{background-color: #F5D0C8; color:#800000;}
.button{
	color:#000000;
  font-family:piedre,georgia,serif;
	font-size:1.9rem;
	text-align:center;
	background-color: #800000;
	border-radius:1.5rem;
	text-decoration:none;
	padding:1.3rem;
  margin:1.3rem;
}
.button2{
color:#A52A2A;
font-family:piedre,georgia,serif;
	font-size:.63em;
	text-align:center;
	background-color: #800000;
	color:#ffffff;
	border-radius:1.5re,;
	text-decoration:none;
	padding:1.3rem;
  margin:1.3rem;
}
.center{text-align:center;}
.flowbutton{font-size:4rem; align-items:center; display:grid;}
.item1{background-color: #800000; margin:1rem;   border-radius: 2rem;  border: .1rem solid #692E21; align-content:center;}
.announcements{
background-color:#945a64;
font-family:piedre,georgia,serif;
	font-size:15px;
	text-align:;
	font-weight:bold
}
.signup{background-color:black;
 color:#color:#A52A2A
font-family:piedre,georgia,serif;
	font-size:50px;
	text-align: right;}
.login{background-color:black;
 color:#color:#A52A2A;
font-family:piedre,georgia,serif;
	font-size:50px;
	text-align: left;
	}
.signin{color:#800000;
	font-family:piedre,georgia,serif;
	font-size:100px;
	text-align: center;
}
/*.container{display: flex; margin:auto; justify-content:center;}
.box{ padding:20px
	border:px dotted #ffffff
}
.search{
background-color:#945a64;
padding:20px;
font-weight:bold;
}
.homebutton{display: flex; height:150px; align-items:center;}
.box{width:100px;  padding:50px; border: 1px pink solid;}
.buttonrow{display:flex; flex-direction:row;}
.announcements{display:flex; flex-direction:column; flex:2;}*/

/*Header styling*/

.title{
 grid-area: 1/1/3/6;
 text-align: center;
 font-size: 70px;
}
.grid{display:grid;grid-template-columns 1fr 1fr 1fr 1fr 1fr; max-width:500px; margin:20px; border-radius:15px; border-style; solid;padding:20px;
}
.item4{display:grid; grid-template-columns:auto auto auto auto auto; max-width:400px; margin:20px;
	}
.formtop{
	display:flex; flex-wrap: wrap;
}
.formbottom{display:grid; grid-template-columns: 1fr 1fr ;}
.formholder{background-color:#BB5D49; border-radius:10px; margin: 20px auto;}
.formheader{background-color:#F5D0C8; color-#ffffff;font-weight:bold;text-align:center;border-top-left-radius:10px;border-top-right-radius:10px; padding: 10px;}
.grid{
  display: grid;
  grid-template-columns: 150px 1fr;
  gap:15px;
  max-width: 500px;
  padding: 10px;

}
.errclass{color: #800000; grid-column: 2/3; font-style: italic;}
.btn{text-align:center; background-color:#F5D0C8;
border-radius:10px;
padding:10px;
border:none;
color: #ffffff;
font-weight: bold;
margin-top: 40px;
text-decoration:none;
}
#searchintro{background-color:#F5D0C8; border-radius:5px; width:90%; font-size:1.6rem; margin:1rem; padding:1rem; }
#searchresult{display:grid;grid-auto-columns:auto auto auto auto auto; margin: 5rem;}
.item4{
display: grid;
	grid-column-end:auto;
	grid-column-start:auto;
	grid-row-start:auto;
	grid-column-end:auto;
}
.searchtable{
	display:grid;
	grid-template-columms:1fr 1fr 2fr 2fr 1fr 2fr auto 1fr 1fr;
}
.searchtable td{padding:10px;border:1 bold;tdborder:1bold;}
.tablegrid{

  font-size: 1.5rem;
  display:grid;
  margin:.5rem;
}
.flowresult{grid-template-columns:1fr 2fr 1fr 2fr 1fr 1fr 4fr;}
.speechresult{grid-template-columns:1fr 1fr 1fr 1fr 1fr 4fr;}
.bothresult{grid-template-columns:1fr 1fr 1fr 1fr 4fr;}
.anncresult{grid-template-columns: 1fr 1fr 1fr 4fr;}
.tablegrid span{background-color:#F5D0C8; margin:.1rem; padding: 1rem;}
.headrow{
  background-color:#800000!important; color:#F5D0C8; font-weight: bold; margin: .1rem; padding:.5rem; text-align:center; border-radius:.3rem;
}
.gridform {
  display: grid;
  grid-template-columns: 15rem auto;
  gap:2rem;

}
.note{font-size:1.4rem; font-style:italic; grid-column: 2/3; color:#800000; text-decoration-style:dotted; justify-self:right; }
/* e's styles */
#header{display:grid; grid-template-columns: 1fr 3fr;}
.rightnav{display:flex; justify-content: flex-end; align-items:end;}

.homeflow{display:grid; grid-template-columns: 3fr 1fr;padding-left:0.5rem;margin:1rem; background-color:#BB5D49;border-radius: 2rem; border: .1rem solid #692E21; grid-auto-rows: 1fr;}
.homeflowbuttons{display:grid; flex-direction:column;margin:0.5rem;margin-bottom:0.5;}

.chunk{background-color:#BB5D49; border-radius: 2rem; border: .1rem solid #692E21; margin:1rem; padding: 1.5rem;}
.mainchunk{background-color:#F5D0C8; padding:2rem; border-radius:.1rem; border: 0.2rem solid #692E21;border-radius:1.5rem; }
.formfinder{display:grid;  grid-template-columns: 2fr 1fr 1fr 1fr 1fr;  align-content:space-around; margin: 0 10rem;}
.greeting{font-size: 1.8rem; margin:1.3rem; padding:1.3rem; color: #800000; font-weight: bold;}