/*color guide, #47346a is darker prurple muted, #7a5db1 is lighter purple muted*/


/*home page materials*/
body {
  color: black;
  font-family: 'Georgia', sans-serif;
  background-color:black;
}


#header-button {
  background:linear-gradient(to top, grey, white);
  border:2.5px solid;
  border-color:grey;
  border-radius:12px;
  width:195px;
  font-family: 'Times New Roman', serif;
  color:black;
  text-align:center;
  font-weight: bold;
  margin-top:4px;
  margin-bottom:4px;
}


#button {
  background: linear-gradient(to top, black, #7a5db1);
  border:2.5px solid;
  border-radius:12px;
  border-color:black;
  width:195px;
  font-family: 'Times New Roman', cursive;
  color:white;
  text-transform: capitalize;
  text-align:center;
  transition-duration: 0.4s;
  display:block;
  margin-top:8px;
  
}

#button:hover {
  background: linear-gradient(to top, black, #47346a);
  
}

#navi {
  background-color:#7a5db1;
  border: 3px solid;
  border-radius: 13px;
  border-color:white;
  width: 200px;
  margin: 10px;
  padding: 20px;
  position:initial;
  top:200px;
  right:1100px;
}

#marq {
  color:white;
  overflow:auto;
}

#header {
  font-family: 'Arial', sans-serif;
  border: 4px solid;
  border-color:#7a5db1;
  color:black;
  width: 60%;
  height:auto;
  margin-left: 20%;
  margin-right: 20%;
  padding: 20px;
  background-color:white;
  border-radius: 13px 13px 0px 0px;
  font-size:16px;
}

#bio {
  font-family:'Georgia', sans-serif;
  border:4px solid;
  border-color:#7a5db1;
  color:black;
  width:35%;
  height:auto;
  padding:20px;
  margin-left:10%;
  margin-right:10%;
  background-color:white;
  border-radius: 0px 0px 13px 0px;
  font-size:16px;
  position:absolute;
  top:300px;
  right:95px;
}

#picture-box {
  font-family:'Georgia', sans-serif;
  border:4px solid;
  border-color:#7a5db1;
  color:black;
  width:auto;
  height:auto;
  padding:20px;
  margin-left:10%;
  margin-right:10%;
  background-color:white;
  border-radius: 0px 0px 0px 13px;
  font-size:16px;
  position:absolute;
  top:0px;
  right:495px;
}



/*index warning*/

#warn-title {
  background-color:#eec87c;
  color:white;
  font-family:'Arial', sans-serif;
  width:400;
  height:auto;
  position:absolute;
  font-size:16px;
}

#warn-bg {
  background-color:#ccd1d6;
  border-style:outset;
  border-color:#ccd1d6;
  border:2.5px;
  color:black;
  font-family:'Arial', sans-serif;
  font-size:16px;
  width:420px;
  height:auto;
}