body {
  background-color: #DAEDDD; /*light gray*/
  margin: 0px;
  padding: 0px;
  text-decoration: none;
  display: inline;
  overflow: auto;
}

.navbar {
  display: flex;
  position: fixed;
  flex-direction: column;
  background-color: #083D77; /*dark blue*/
  margin-right: 85%;
  height: 100vh;
  text-align: center;
  color: white;
}

.navbar a {
  text-decoration: none;
  color: white;
}

.navbar div { /*TODO modify font attributes*/
  margin: 20px;
}

.intro {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.intro img {
  height: 100%;
  width: 83%;
  border-top-left-radius: 50% 50%;
  border-top-right-radius: 50% 50%;
  border-bottom-right-radius: 50% 50%;
  border-bottom-left-radius: 50% 50%;
  margin-left: 10%;
}

.intro h1 {
  font-size: 19px;
}

.intro p {
  font-size: 15px;
}

.logos img {
  margin-top: 47%; /*TODO modify*/
}

#linkedin {
  height: 32px;
  width: 20%;
}

.pictures img {
  height: 450px;
  width: 100%;
  opacity: 0.9;
  margin-top: 5%;
  margin-right: 20%;
}

.information {
  display: flex;
  position: fixed;
  /*overflow-x: hidden; */
  flex-direction: column;
  background-color: #083D77; /*dark blue*/
  margin-left: 85%;
  text-align: center;
  color: white;
}

.information p {
  margin: 15px;
  font-size: 15px;
}

.information a {
  text-decoration: none;
  color: white;
}

/*back to top button*/
#btn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: red;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px;
}