body {
  background: pink;
  font-family: Arial, Helvetica, sans-serif;
  padding: 3% 5%;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'ABeeZee', sans-serif;
  color: rgb(104, 11, 58);
}
p, a {
  font-family: 'Akatab', cursive;
}

a {
  text-decoration: none;
  color: rgb(155, 42, 110);
}

.main-navigation-div {
 /* display: inline; */
 text-align: center;
 /* float: left; */
}

.navbar {
  margin-bottom: 40px;
  width: 100%;
}

.navimg {
  width: 75px;
  border-radius: 50px;
}

ul.navbar>li {
  display: inline;
  margin: 30px;
  list-style: none;
}

.navlink {
  background-color: palevioletred;
  color: aliceblue;
  font-size: 12px;
  border-radius: 20px;
  padding: 5px 15px;
  text-decoration: none;
  font-family: 'ABeeZee', sans-serif;
}

.navlink:hover, a:hover {
  color: rgb(104, 11, 58);
}

.navlink:visited {
  color: white;
  background: rgb(104, 11, 58);
}

.bio {
  width: 100%;
  /* background: violet; */
}
.bioImgDiv {
  width: 15%;
  float: left;
  /* background: red; */
  padding: 39px 50px 30px 0px;
}
.bioImg {
  width: 100%;
  margin-right: 30px;
  border: dotted 10px palevioletred;
  border-radius: 20px;
}

.bioText {
  width: 85%;
  /* background: blue; */
}

.footerContent {
  /* background:fuchsia; */
  font-size: small;
  clear: both;
  /* Clear:both makes sure that the items that you don't want to float will not float */
}

/* .abeezee {
  font-family: 'ABeeZee', serif;
  } */