.navbar.fixed-left {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1030;
}

@media (min-width:768px) {
  .navbar.fixed-left {
    bottom: 0;
    width: 300px;
    flex-flow: column nowrap;
    align-items: flex-start;
  }
}

@media (min-width:768px) {
  .navbar.fixed-left .navbar-collapse {
    flex-grow: 0;
    flex-direction: column;
    width: 100%;
  }
}

@media (min-width:768px) {
  .navbar.fixed-left .navbar-collapse .navbar-nav {
    flex-direction: column;
    width: 100%;
  }
}

@media (min-width:768px) {
  .navbar.fixed-left .navbar-collapse .navbar-nav .nav-item {
    width: 100%;
  }
}

@media (min-width:768px) {
  .navbar.fixed-left .navbar-collapse .navbar-nav .nav-item .dropdown-menu {
    top: 0;
  }
}

@media (min-width:768px) {
  .navbar.fixed-left {
    right: auto;
    background-color: #110022;
    color: white;
  }
}

@media (min-width:768px) {
  .navbar.fixed-left .navbar-nav .nav-item .dropdown-toggle:after {
    border-top: .3em solid transparent;
    border-left: .3em solid;
    border-bottom: .3em solid transparent;
    border-right: none;
    vertical-align: baseline;
  }
}

@media (min-width:768px) {
  .navbar.fixed-left .navbar-nav .nav-item .dropdown-menu {
    left: 100%;
  }
}

.navbar {
  --bs-navbar-color: white;
  font-family: "Roboto Slab";
  /*--bs-nav-link-font-weight: 800;*/
  font-weight: 600;
  --bs-navbar-hover-color: white;
}

.nav-myname {
  font-weight: 800;
  font-size: x-large;
  margin-top: 2ex;
}

.nav-myjob {
  font-weight: 100;
  font-size: medium;
}

.nav-hr {
  color: white;
}

.nav-underline:after {
  content: ' ';
  display: block;
  border: 1px solid rgba(255,255,255,0.35);
  margin-top: 0;
  margin-bottom: 1ex;
  box-sizing: content-box;
}

.nav-link {
  padding-top: 0;
  --bs-nav-link-font-size: large;
}

.nav-myaffiliation {
  margin-bottom: 2ex;
}

.nav-social {
  width: 32px;
  height: 32px;
  margin-left: 15px;
  /*margin-right: 32px;*/
  margin-bottom: 4px;
}

/* styling for hamburger menu on small screen */

@media (max-width: 767px) {
  .navbar {
    --bs-navbar-color: black;
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-light-rgb),var(--bs-bg-opacity))!important;
    --bs-navbar-hover-color: black;
  }
}

/* move picture between navbar and body */

@media (min-width:768px) {
  .only-small {
    display: none;
  }
}

@media (min-width:768px) {
  .only-large {
    display: block;
  }
}

@media (max-width: 767px) {
  .only-small {
    display: block;
    margin-bottom: 2ex;
  }
}

@media (max-width: 767px) {
  .only-large {
    display: none;
  }
}

@media (min-width:768px) {
  body {
    padding-top: 0;
  }
}

@media (min-width:768px) {
  body {
    padding-left: 300px;
    margin-right: 100px;
  }
}

.nav-underline:hover::after {
  border: 1px solid rgba(255,255,255,1);
}

.nav-social-container {
  width: 60px;
  /*padding-left: 10px;*/
  /*padding-right: 10px;*/
  display: inline-block;
  /*margin-right: 10px;*/
  /*padding-bottom: 3ex;*/
}

h1 {
  font-family: "Roboto Slab";
  font-weight: 800;
}

h4 {
  font-size: 120%;
  margin-top: 3ex;
}

.main {
  margin-top: 6ex;
  margin-left: 6ex;
  max-width: 900px;
}

@media (max-width:767px) {
  .main {
    margin-left: 0ex;
    margin-right: 2ex;
    padding-top: 2ex;
  }
}

p {
  font-family: "Noto Sans";
  line-height: 1.5;
}

h2 {
  font-family: "Roboto Slab";
  margin-top: 3ex;
  margin-bottom: 1ex;
}

body {
  font-family: "Noto Sans";
}

svg {
}



a {
  color: #5500AB;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

a.nav-link:hover {
  text-decoration: none;
}

.h2-icon {
  font-size: 1.1em !important; 
  position: relative; 
  top: 0.15em;
}

th {
  font-weight: normal;
}