.circular-fotoprofil {
  position: relative;
  width: 128px;
  height: 128px;
  overflow: hidden;
  border-radius: 50%;
  box-shadow: 2px 2px 4px gray;
}
.circular-fotoprofil img {
  width: 210px;
  margin-top: -20px;
  margin-left: -40px;
  height: auto;
}
.sub{
  padding-top: 38px;
  padding-bottom: 10px;
}
.name{
  border-bottom: 2px solid #302F2E;
  width: 190px;
}

@font-face {
  font-family: Gudea-Regular;
  src: url(../assets/fonts/Gudea-Regular.ttf);
}
@font-face {
  font-family: Gudea-Bold;
  src: url(../assets/fonts/Gudea-Bold.ttf);
}

h3{
    font-family: 'Gudea-Bold';
    color:#302F2E;
}
h6{
    font-family: 'Gudea-Bold';
    color:#302F2E;
}
lu{
  list-style-type: circle; 
  list-style-position: outside;
}
p{
  text-align: justify;
}

.left{
    width: 200px;
    height: 100%;
    position: absolute;
    border-right:2px solid gray;
    
}
.right{
  position: absolute;
  right: 0px;
  height:100%;
  width: 420px;
}