/* ----------SHARED SETUP CSS----------------*/
body {
  background-color: #dbd9db;
}
p {
  font-size: 15px;
  font-family: Arial;
  color: #18191A;
}
/* navigation bar */
.navigationbar {
  overflow: hidden;
  padding: 10px;
}
.navigationbar a {
  color: #18191A;
  font-size:  20px;
  font-weight: bold;
  padding: 10px;
  text-align: center;
  text-decoration: none;
  font-family: Arial;
}
.navigationbar a:hover {
  background-color: #CBC3E3;
  color: #150c25;
}

#welcome {
  padding:  50px;
}
#welcome p {
  padding: 0px;
  margin: 0px;
  font-size: 30px;
}
#welcome img
{
  height: 100px;
  width: 100px;
}

/* main body css*/
#mainbody {
  margin: 50px;
  margin-top: 20px;
  padding-bottom: 50px;
  padding-right: 100px;
  background-color: #CBC3E3;
  border-style: outset;
  border-width: 10px;
  border-color: #a399c2;
  width: 90;
}

/* ------LANDING PAGE-----------------*/
#teammembers{
  margin-left: 20px;
  display: flex;
  width: 100%;
  min-width: 0;
  max-width: 650px;
  flex-direction:  row;
  justify-content:  space-around;
}
#header p{
  padding-left: 15px;
  margin-bottom: 10px;
  font-size: 20px;
}

/* project css */
#projectdesc {
  display: flex;
  flex-direction: row;
  padding-left: 30px;
}
#projectdesc p{
  word-wrap: break-word;
}
#projectgraphics {
  margin-left: 30px;
}
#projectgraphics img{
  width: 100%;
  height: auto;
  max-width: 300px;
  max-height: 300px;
}
.projectdesc{
  padding-left: 30px;
}
.projectheader p{
  padding-left: 15px;
  margin-bottom: 0px;
  font-size: 20px;
}
#projectsection p{
  word-wrap: break-word;
  width: 100%;
  max-width: 600px;
}
.highlevelrequirementssubheadings{
  font-decoration: bold;
}

/* team members css */
.bio {
  min-width: 0;
  width: 100%;
  height: auto;
  max-width: 300px;
}
.bio p{
  overflow-wrap: break-word;
  width: 100%;
  margin: 0px;
}
.bio img{
  width: 100%;
  height: auto;
  max-width: 100px;
}

/* sponsor css */
#sponsorinfo {
  padding-left: 20px;
  display: flex;
  max-width: 900px;
  flex-direction:  row;
  justify-content:  space-around;
}
#sponsorbio p{
  margin: 0px;
  text-align: left;
}
.sponsorname {
  font-weight: bold;
}
#canislablogo img{
  width: 100%;
  height: auto;
  max-height: 200px;
  max-width: 200px;
}
/* mentor css */
#mentorinfo {
  margin-left: 30px;
}

/* ------MEET THE TEAM PAGE--------------*/
.member{
  display: flex;
  padding-left: 50px;
  padding-top: 50px;
}
.memberimage img{
  width: 100%;
  height: auto;
  max-height: 150px;
  max-width: 150px;
}
.title {
  font-size: 20px;
  font-weight: none;
  font-style: italic;
}
.membername {
  font-size: 25px;
  font-weight: bold;
  margin: 0px;
}
.memberemail {
  font-size: 20px;
}
.memberdescription{
  font-size: 20px;
  width: 100%;
  max-width: 1000px;
}
.description p{
  padding-left: 10px;
  margin: 0px;
}

/* -----PROJECT PROPOSAL PAGE----------*/
.textdesc{
  width: 100%;
  max-width: 1000px;
}

.imagedesc img{
  width: 100%;
  height: auto;
  max-width: 1000px;
}

/* -----DELIVERABLES PAGE----------*/
#deliverablesection div{
  padding: 20px;
  padding-bottom: 0px;
}
#deliverablesection p{
  padding-left: 5px;
  margin: 0px;
}
#deliverablesection li{
  font-size: 20px;
  font-family: Arial;
}
.deliverabletitles{
  font-size: 25px;
}
#graphics img{
  margin-top: 4px;
  width: 100%;
  height: auto;
  max-width: 800px;
}
.graphicsdescription{
  font-size: 20px;
}