body {
  background-color: #ACEBFF;
  font-weight: 600; /* Semi-bold */
  font-family: "Darker Grotesque";
  font-size:25px; 
}

#navbar {
  background-color: #FFF5DA;
}

h1 {
  font-size:40px; 
}


.home {
  width: 300px; 
  background-color: #D8A7FF;
  font-family: "Ribeye Marrow";
  font-size: 50px;
  font-weight: 500;
  height: 80px; 

}

.home-text {
  margin-left:70px;
}

.navbar-right-btn {
  background-color: white;
  width: 160px; 
  margin-left: -10px; 
  margin-right: -10px;
  font-family: "Darker Grotesque";
  font-size: 30px;
  font-weight: 600;
  height: 55px;
  padding-bottom: 10px;
  
}

.dashboard-icon {
  top: 8px;
  left: 40px; 
  width: 67px;
  height: 84px;
  position: absolute;
} 
.navbar-btn {
  
  border-radius: 55px;
  border-color: rgba(0, 0, 0, 0.5);
  border-width: 3.5px;
  color: black;

}

.navbar-right-btn:hover {
  background-color:#D8A7FF;
}

.about-pronouns {
  background-color: #D8A7FF;
  font-size: 25px;
  border-radius: 55px;
  text-align: center;
  border-color: rgba(0,0,0,.5);
  border-style: solid;
  border-width: 6px;
  margin-bottom: 25px; 
}

.pronoun-chart-purple {
  background-color: #D8A7FF;
  border-radius: 55px;
  text-align: center;
  border-color: rgba(0,0,0,.5);
  border-style: solid;
  border-width: 6px;
  padding-top: 5%;
  padding-bottom:5%;
}

.description-yellow {
  background-color: #FFF5DA;
  border-radius: 55px;
  text-align: center;
  border-color: rgba(0,0,0,.5);
  border-style: solid;
  border-width: 6px;
  
}

.practice-btn {
  background-color: #D8A7FF;
  color:black;
  border-radius: 55px;
  text-align: center;
  border-color: rgba(0,0,0,.5);
  border-style: solid;
  border-width: 2px;
  padding-left:2%;
  padding-right:2%;
}