a {
   color: var(--blue)
}

body {
    font-family: Calibri;
    background: DarkSlateGrey;
    color: white;
    position:fixed;
    height: 100%;
    font-weight:300;
}

h1,h2 {
    color: white;
    font-weight: 400;
    margin-left: 0px;
    margin-top: 5px;
    margin-bottom:10px;
}

nav-left {
  position: fixed;
  width: 13%;
}

nav-right {
  position: fixed;
  width: 20%;
  height:100%;
  margin-left:78%;
  overflow-y:auto;
  overflow-x:hidden;
}



welcome-page, resume-page, publications-page, invitations-page, private-page{
  margin-left:13%;
  position:fixed;
  width: 65%;
  height: 100%;
  display:block;
  overflow-y:auto;
  overflow-x:hidden;
}

resume-page, invitations-page, private-page, publications-page {
   display:none;
}

invitations-page {
    height:90%;
    overflow-y:auto;
}

nav-left ul li {
   cursor:pointer;
}

ul {
   list-style-type: none;
   padding-left:0px;
   margin-top:0px;
}

ul li {
    padding: 0px;
    padding-bottom:5px;
    margin-left: 0px;
    margin-bottom: 5px;

}

#contact {
  float:left;
}

#foto {
  float:left;
  margin: 20px 20px 20px 20px;

}