/*link to for html
<link href="basestyle.css" rel="stylesheet" type="text/css" media="all">
*/

/* FONT IMPORT */
    @import url('https://fonts.cdnfonts.com/css/open-dyslexic');

body{
background-color: #BDB98A;
color: #6E6930; 
}

/*sections*/
border: 2px solid #D6CE93;
background-color: #EADABF;

h1{
margin: 0px;
font-weight: normal;
letter-spacing: 2px;
text-transform: uppercase;
font-size: 20px;
color: #534E12;
text-align: center;
}


*{ 
	box-sizing: border-box;
}

/*LINKS*/
a{
text-decoration: underline;
color: #6E6930;
}
 
a:hover{
color: #FF0080;
text-shadow:0 0 20px #FF51D3;
}

a:focus {
	font-style: italic;
}
/*------------------*/


/*horizontal rule*/
hr {
  height:2px;
  border-width:0;
  /*width: 50%;*/
  color:#FF0080;
  background-color:#D8A48F
}
/*------------------*/

/*blockquote*/
blockquote{
  border-left: 0px dashed #D6CE93;
  margin-left:35px;
}
/*------------------*/


body {
	padding: 10px;
	font-family: 'MS PGothic', sans-serif;
	color:#6E6930;

/* page background pattern */
	background-image: url();
	background-attachment: fixed;
	background-size: 50%;
}

.container {
	max-width: 55rem;
	margin: 5vw auto 12px auto;
	border: 0px solid #D6CE93;
	border-radius: 10px;
	display: flex;
	flex-wrap: wrap;
	padding: 5px;
	gap: 5px;

/* container background pattern */
	/*background-color: rgb(246, 237, 228, 0.5);*/
}

/* these control the column widths */
.small { flex: 1 1 9%; }
.large { flex: 1 1 82%; }
.full { flex: 1 1 100%; }
.half { flex: 1 1 49%; }

header {
	background-size: cover;
	background-position: center;
	width: 100%;
	height: 75px; /* change banner height here*/
	border: 0px ridge #ff0080;
	border-radius: 5px;
	position: relative;
}

header span {
	font-size: 2.5rem;
	position: absolute;
	bottom: 0;
	left: 10px;
	margin: 10px;
	font-weight: bold;
	color: #FF99E5;
	/* 1 pixel shadow to left, top, right and bottom */
  text-shadow: -1px 0 #FDF7D8, 0 1px #FDF7D8, 1px 0 #FDF7D8, 0 -1px #FDF7D8;
}

section {
	border: 2px solid #D6CE93;
	border-radius: 5px;
	background: rgb(234, 218, 191, 0.75);
	padding: 5px;
	margin: 10px;
}

section.full{
  text-align: center;
}

section.half{
}

section.small{
  text-align: center;
  overflow:scroll; 
  height:215px
}

footer {
	text-align: center;
	margin-bottom: 5vw;
	font-size: 0.8rem;
}
footer a { 
	text-decoration: none;
}


h1, h2, h3, h4, h5, h6, p  { 
	margin: 5px;
	line-height: 1.2;
}

h1 { 
	font-size: 1.4rem;
	letter-spacing: 2px;
	font-weight: normal;
	text-align: center;
	border-bottom: 2px dashed #D8A48F;
	padding-bottom: 5px;
}

h2 { 
	font-size: 1.25rem;
	font-weight: normal;
	text-align: center;
	border-bottom: 2px dashed #D8A48F;
	padding-bottom: 5px;
}

h3 { 
	font-size: 1.1rem;
}

h4 { 
	font-size: 1rem;
	color:;
	padding-left: 12px;
}

/* prevents overflow on smaller screens */
img { max-width: 100%; }
pre { overflow-x: auto; }


.center {
  display: flex;
  justify-content: center;
  align-items: center;
}

/*phone background 
@media only screen and (max-width: 500px) {
  body {
    background-image: url('bg&button/onefish.jpg'). url('bg&button/');
    background-repeat: no-repeat, repeat;
  }
}
*/