/* name and title formatting */
.margin{
  margin: clamp(5px, 1vw, 50px);
}

#header{
 margin-bottom: clamp(30px, 6vw, 60px);
}

#left_pane
{
  /*flex-grow: 1.2*/
}

#name_title_cv{
  margin-left: clamp(45px, 9vw, 90px);
}

.name{
  font-family: "Garamond", Times, serif;
  font-size: clamp(40px, 8vw, 80px);
  font-weight: bold;
}
.pl0{
  padding-left: 0px;
}
.pl80{
  padding-left: clamp(40px, 8vw, 80px);
}
.pl160{
  padding-left: clamp(80px, 16vw, 160px);
}

.title{
  font-family: "Georgia", Times, serif;
  font-size: clamp(20px, 4vw, 40px);
  padding-left: calc(clamp(40px, 8vw, 80px)*3.2);
  /*text-align: right;*/
}

.descriptor{
  font-family: "Georgia", Times, serif;
  font-size: clamp(16px, 3.2vw, 32px);
  text-align: left;
  line-height: 1.4;
  position: relative;
  top: -1.9em;
  margin-bottom: -4.5em;
}

/* photo formatting */
.profilepic{
  object-fit: scale-down;
  max-width: min(35vw, 100%);
  height: auto;
  width: auto;
  /*flex-grow: 1.0*/
}

/* CV */
.circle{
  position: relative;
  height: 2.5em;
  width: 2.5em;
  font-size: clamp(30px, 6vw, 60px);
  margin: 0.2em;
  top: -0.6em;
  right: -1em;
}

.cv_button{
  height: 2.5em;
  width: 2.5em;
  border-radius: 50%;
  background-image: radial-gradient(closest-side, #74b4ec 80%, transparent 100%);
  color: #16405b;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  line-height: 0.8;
  text-decoration: none;
}


.circle::after{
  content: "";
  position: absolute;
  border-radius: 50%;
  top: -1.5em;
  right: -1.5em;
  bottom: -1.5em;
  left: -1.5em;
  background-image: radial-gradient(closest-side, transparent 50%, rgba(116,180,236,0.3) 60%, transparent 80%, rgba(116,180,236,0.1) 90%, transparent 100%);
  pointer-events: none;
}