.about-page{
  background-color: white;
}

.header {
  background-color: aqua;
}

.container{
  justify-content: center;
  align-items: center;
  display:grid;
  margin: 50px;
}

.container2{
  justify-content: center;
  align-items: center;
  display:flex;
  margin-top: 20px;
}

.page-header{
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 10px; 
  padding-bottom: 15px; 

}

.header-name{
  color: rgb(63, 69, 49);
  font-weight: bold;
  font-size: large;
}

.page-links{
  padding-left: 200px;
  padding-right: 200px;
}

.title{
  font-size: xx-large;
  color: #76517c;
  font-weight: bolder;
}

.project1{
  display: flex;
  height: 400px;
  width: 500px;
  margin-right: 50px;
}

.project2{
  display: flex;
  height: 400px;
  width: 500px;
}

.project-name{
  font-size: x-large;
  font-weight: bold;
  color: #76517c;
  padding-right: 15px;
  padding-bottom: 20px;
}

.subtext{
  font-size: medium;
  color: #76517c;
  font-weight: bold;
  padding-bottom: 20px;
}

.description{
  padding-top: 20px;
}