body {
    margin:0;
    padding: 0;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}

#name{
    margin-top: 300px;
    text-align: center;
    font-size: 60px;
    color: rgb(31, 31, 31);
}
#title{
    text-align: center;
    color: rgb(31, 31, 31);
}
#profile{
    width: 60%;
    margin: 20px auto;
    text-align: center;
    font-size: 20px;
    color: rgb(51, 51, 51);
}

.divider {
  display: flex;
  align-items: center;
  text-align: center;
  margin: 20px auto;
  width: 40%;

}

.line {
  flex: 1;                 /* makes the line stretch */
  height: 1px;
  background: rgb(107, 107, 107);        /* color of the line */
  border: none;
}

.circle{
    width: 150px;
    height: 150px;
    background: rgb(200, 200, 200);
    border-radius: 50%;
    position: absolute;
    top: 150px;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
}
.circle-design1{
    width: 1000px;
    height: 1000px;
    background: rgb(255, 255, 255);
    border-radius: 50%;
    border: 3px solid black;
    position: absolute;
    top: -600px;
    left: -300px;
    z-index: -1;
}

.circle-design2{
    width: 900px;
    height: 900px;
    background: rgb(255, 255, 255);
    border-radius: 50%;
    border: 3px solid black;
    position: absolute;
    top: -600px;
    right: -300px;
    z-index: -1;
}