html, body {
  height: 100%;
  margin: 10px;
  padding: 0px;

font-family: 'Open Sans', sans-serif;
}


.wrapper {
  margin: 20px;
  max-width: 100%;
  display: flex;
  flex-direction: row;
  height: 80%;
}

.urls {
  margin: 0px;
  max-width: 100%;
  display: flex;
  flex-direction: row;
  height: 5%;
}

.url1 {
  margin: 0px;
  max-width: 100%;
  height: 0%;
  padding: 20px;
}

.url2 {
  margin: 0px;
  max-width: 100%;
  height: 0%;
  padding: 0px;
}

.url2_2 {
  margin: 0px;
  max-width: 100%;
  height: 0%;
  padding: 0px;
}


.wrapper2 {
  margin: 10px;
  max-width: 100%;
  padding: 50px;

}

.wrapper3 {
  margin: 20px;
  max-width: 60%;
  padding: 50px;
}

.right1 {
  align-items: center;
  justify-content: center;
}



.urls2 {
  margin: 0px;
  max-width: 50%;
  display: flex;
  flex-direction: row;
  height: 10%;
}

.url3 {
  margin: 0px;
  max-width: 100%;
  height: 0%;
  padding: 0px;
}

.url4 {
  margin: 0px;
  max-width: 100%;
  height: 0%;
  padding: 0px;
}

.url5 {
  margin: 0px;
  max-width: 100%;
  height: 0%;
  padding: 0px;
}

.url6 {
  margin: 0px;
  max-width: 100%;
  height: 0%;
  padding: 0px;
}



.profile-picture {
  border-radius: 75%;
}