body {
  font-family: sans-serif;
  color: #777777;
  line-height: 26px;

}

.purple-color {
  color: #8845f4;
}

.half-width {
  width: 45%;
  float: left;
}
.navbar {
  /* display: flex;
    justify-content: end; */
  float: right;
  /* text-decoration: none; */
}
.navbar a {
  text-decoration: none;
  margin-right: 10px;
  font-size: 15px;
  padding: 8px;
  font-weight: 600;

  font-family: "Franklin Gothic Medium", "Arial Narrow", Arial, sans-serif;
}
.navbar a:hover {
  color: rgb(230, 225, 225);
  background-color: #8845f4;
  border-radius: 15px;
  padding: 8px;
}
.side-img {
  width: 50%;
  padding-left: 25%;
}
.primary-btn {
  color: white;
  background-color: #8845f4;
  padding: 13px 42px;
  border-radius: 20px;
  text-decoration: none;
}
h1 {
  font-size: 2.5em;
}
.container {
  padding-left: 5%;
  display: inline-block;
}
.experiences {
  padding: 30px;
  margin: 30px;
  background-color: rgb(238, 251, 255);
  border-radius: 20px;
}
.experience-item {
  padding: 10px;
  border-left: 1px solid rgba(137, 130, 247, 0.2);
}
footer{
    background-color: slategray;
    padding: 20px 10px;
    border-radius: 10px 10px 0px 0px;
}
footer p{
    text-align: center;
    color: white;


}