body {
  font-family: Arial, sans-serif;
  margin: 0;
  padding: 0;
}

header {
  background-color: rgb(57,57,57);
  display: flex;
  justify-content: flex-end;
  padding: 10px 50px;
}

nav a {
  color: white;
  margin-left: 10px;
  padding-right: 10px;
  text-decoration: none;
}

nav a:hover {
  background-color: #FFC904;
  color: white;
  padding: 5px 10px;
  border-radius: 25px;
}

.activeNav{
  background-color:rgb(81, 81, 81);
  padding: 5px 10px;
  border-radius: 25px;
}

#banner{
  text-align: center;
  float:center;
  background-color: rgb(57,57,57);
  box-shadow: 3px 3px 5px 3px rgba(0, 0, 0, 0.214);
}

#bannerImage{
  float: center;
  width: 50%;
}

#projectTitle {
  font-size: 45px;
}

#descBox {
  justify-content: flex;
  width: 37%;
  float: left;
  margin-top:150px;
  margin-left: 100px;
  padding: 20px;
  padding-bottom: 50px;
  background-color: rgba(223, 223, 223, 0.25);
  border-radius: 15px;
  box-shadow: 3px 3px 5px 3px rgba(0, 0, 0, 0.214);
}

#descText{
  margin-top:20px;
  line-height: 26pt;
}

#descLine{
  text-align: left;
  margin-left:0;
  width:40%;
}

#descImage{
  position:relative;
  float:right;
  width: 40%;
  height: auto;
  margin-top:100px;
  margin-right:150px;
  border-radius: 15px;
  box-shadow: 2px 2px 4px 1px rgba(0, 0, 0, 0.443);
}

#divider{
  position:relative;
  top:87px;
  margin-left:70pxs;
  width:84%;
}

#aboutUs{
  
  width: 87%;
  margin-left: 95px;
  margin-top:150px;
  padding: 20px;
  margin-bottom:200px;
  background-color: rgba(223, 223, 223, 0.25);
  border-radius: 15px;
  box-shadow: 3px 3px 5px 3px rgba(0, 0, 0, 0.214);
}

#teamHeader{
  float:center;
  text-align: center;
}

#sponsorHeader{
  position: relative;
  float:center;
  text-align: center; 
  padding-top:1150px;
}

#aboutLine{
  width:20%;
  margin-bottom: 30px;
}

#sponsorLine{
  width:20%;
}

#person1Box{
  float:left;
  width:23%;
  margin-right:25px;
  text-align: left;
  background-color: rgba(201, 200, 200, 0.25);
  border-radius: 15px;
}

#person1{
  margin:auto;
  display:block;
  width: 250px;
  height: 250px;
  overflow: hidden;
  border-radius: 50%;
  border: 1px solid rgba(0, 0, 0, 0.289);
  box-shadow: 3px 3px 5px 3px rgba(0, 0, 0, 0.214);
}

#person1Name{
  text-align: center;
  padding: 15px;
  border-radius: 5px;
}

#person1Desc{
  padding: 10px;
  text-align: justify;
  line-height: 21pt;
}

#person2Box{
  float:left;
  width:23%;
  margin-right:25px;
  background-color: rgba(201, 200, 200, 0.25);
  border-radius: 15px;
}

#person2{
  margin:auto;
  display:block;
  width: 250px;
  height: 250px;
  overflow: hidden;
  border-radius: 50%;
  border: 1px solid rgba(0, 0, 0, 0.289);
  box-shadow: 3px 3px 5px 3px rgba(0, 0, 0, 0.214);
}

#person2Name{
  text-align: center;
  padding: 15px;
  border-radius: 5px;
}

#person2Desc{
  padding: 10px;
  line-height: 21pt;
  text-align: justify;
}

#person3Box{
  float:left;
  width:23%;
  margin-right:25px;
  background-color: rgba(201, 200, 200, 0.25);
  border-radius: 15px;
}

#person3{
  margin:auto;
  display:block;
  width: 250px;
  height: 250px;
  overflow: hidden;
  border-radius: 50%;
  border: 1px solid rgba(0, 0, 0, 0.289);
  box-shadow: 3px 3px 5px 3px rgba(0, 0, 0, 0.214);
}

#person3Name{
  text-align: center;
  padding: 15px;
  border-radius: 5px;
}

#person3Desc{
  padding: 10px;
  text-align: justify;
  line-height: 21pt;
}

#person4Box{
  float:left;
  width:23%;
  background-color: rgba(201, 200, 200, 0.25);
  border-radius: 15px;
}

#person4{
  margin:auto;
  display:block;
  width: 250px;
  height: 250px;
  overflow: hidden;
  border-radius: 50%;
  border: 1px solid rgba(0, 0, 0, 0.289);
  box-shadow: 3px 3px 5px 3px rgba(0, 0, 0, 0.214);
}

#person4Name{
  text-align: center;
  padding: 15px;
  border-radius: 5px;
}

#person4Desc{
  padding: 10px;
  text-align: justify;
  line-height: 21pt;
}

#sponsorBox{
  float:center;
  margin: auto;
  width:35%;
  background-color: rgba(201, 200, 200, 0.25);
  border-radius: 15px;
}

#sponsor{
  margin:auto;
  display:block;
  width: 300px;
  height: 300px;
  overflow: hidden;
  border-radius: 50%;
  border: 1px solid rgba(0, 0, 0, 0.289);
  box-shadow: 3px 3px 5px 3px rgba(0, 0, 0, 0.214);
}

#sponsorName{
  text-align: center;
  padding: 15px;
  border-radius: 5px;
}

#sponsorDesc{
  text-align: center;
  line-height: 21pt;
}

#dcTitle{
  font-size: 25px;
  margin-left: 30px;
  float:inline-start;
}

#dcDoc{
  float:left;
  margin-left: 100px;
}

#comingSoon{
  font-size: 30px;
  margin-top:1100px;
  margin-left: 100px
}

#comingSoon2{
  font-size: 30px;
  margin-top:500px;
  margin-left: 100px
}

#comingSoon2{
  font-size: 30px;
  margin-top:500px;
  margin-left: 100px
}

#documentHeader{
  text-align: center;
  font-size: 30px;
}

#documentLine{
  width:20%;
}

#reviewers{
  text-align: right;
  margin-top:20px;
  line-height: 26pt;
}