@import url("https://use.typekit.net/qkf8hvx.css");
@import url("https://use.typekit.net/qkf8hvx.css");

.HiIm{
  font-family: "bilo", sans-serif;
  font-weight: 350;
  font-style: normal;
  flex-wrap: wrap;
  font-size: 50px;
  margin-bottom: 0px;
  justify-content: flex-start;
  align-items: flex-start;
  margin-right: 850px;
}

.jill{
    font-family: "bilo", sans-serif;
    font-weight: 500;
    font-style: italic;
    flex-wrap: wrap;
    font-size:130px;
    margin: 0px;
}

.andi{
  font-family: "bilo", sans-serif;
  font-weight: 350;
  font-style: normal;
  font-size: 40px;
  font-size: 50px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 950px;
}

.introtext{
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 40px;
  flex-wrap: wrap;
  flex-flow: column wrap;
  margin-left: 30px;
  margin:0px;
}

nav{
   flex:1 1 200px;
   flex-direction: column;
   display: flex;
}

.links{
   display: flex;
   flex-direction: row;
   color: rgb(0, 0, 0);
   text-decoration: none;
   font-size: 40px;
   font-family: "bilo", sans-serif;
   font-weight: 550;
   font-style: normal;
   flex-wrap: wrap;
   margin: 0px;
   align-items: center;
   margin-right:0px;
}

.about{
  margin-top:90px;
}
.about:hover{
  color:#CB5B3C;
  text-decoration: underline;
}
.designs:hover{
  color:#D78C50;
  text-decoration: underline;
}
.home:hover{
  color:#F4CED1;
  text-decoration: underline;
}
<svg xmlns="http://www.w3.org/2000/svg" width="702.684" height="655.684" viewBox="0 0 702.684 655.684">
  <ellipse id="Ellipse_3" data-name="Ellipse 3" cx="270.5" cy="247" rx="270.5" ry="247" transform="translate(80.842 80.842)" fill="rgba(201,116,115,0.21)"/>
</svg>

.circle1{
  height: 50px;
  width: 50px;
  background-color: #555;
  border-radius: 50%;
}
.Subject17{
  margin-left:0px;
  margin-left: 300px;
}

/*About Page*/
.AboutMe{
  display: inline-flex;
  margin-left: 150px;
  font-family: "bilo", sans-serif;
  font-size: 40px;
  font-weight: 350;
  font-style: normal;

}
/*Design Work Page*/
.where{
  display: flex;
  align-content: center;
  justify-content: center;
  font-family: "bilo", sans-serif;
  font-size: 90px;
  font-style: italic;
  margin-bottom: 0px;
  margin-top: 60px;
}
.arts{
  display:flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  margin: 100px;
  margin-top: 0px;
  flex-direction: column;
}
.title{
  display: flex;
  font-family: "bilo", sans-serif;
  font-size: 40px;
  font-weight: 450;
  font-style: normal;
  align-content: center;
  justify-content: center;
  align-items: center;
  margin-top: 150px;
}
.desc{
  font-family: "bilo", sans-serif;
  font-size: 25px;
  font-weight: 350;
  text-align: center;
}
.imgs{
  justify-content: center;
  flex-wrap: wrap;
  align-content: center;
  margin-left: 50px;
  gap: 10px 20px;
}

.Max{
  display:flex;
  justify-content: center;
  align-content: center;
  font-family: "bilo", sans-serif;
  font-weight: 200;
  align-items:center;
  font-size: 24px;
}
.Max:hover{
  font-style: italic;
  color:#CB5B3C;
}
.Max:visited{
  color:#D78C50;
}
.cont{
  display:flex;
  justify-content: center;
  align-content: center;

}
h3{
  display:flex;
  justify-content: center;
}