body {
  user-select: none;
  background-size: cover;
  background-color: rgb(255, 255, 255);
  font-family: 'DM Sans';
  color: rgb(25, 24, 41);
  text-align: left;
  padding: 80px;
}

header {
  font-size: 20px;
  text-align: left;
  margin-left: 130px;
}

img {
  user-select: none;
  -webkit-user-drag: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.nav-social {
  position: fixed;
  right: 40px;
  width: 350px;
  height: 60%;
  margin-top: 100px;
  padding-top: 60px;
}

.logo-social
{
  margin-left: 140px;
  margin-top: 35px;
  transition: transform .4s ease;
}

.logo-social:hover
{
  -ms-transform: scale(1.15);
  -webkit-transform: scale(1.15);
  transform: scale(1.15); 
}

.center {
padding-right: 300px;
}

.zoom {
padding-left: 0px;
transition: transform .4s ease;
margin: 0 auto;
transform-origin: left 200px;
}

.zoom:hover {
transform-origin: left 200px;
-ms-transform: scale(1.5);
-webkit-transform: scale(1.5);
transform: scale(1.5); 
}

.logo-image{
width: 90px;
height: 90px;
border-radius: 50%;
overflow: visible;
}

.topnav {
overflow: visible;
background-color: rgb(255, 255, 255);
margin-block-start: -70px;
padding-left: 110px;
}

.topnav a {
float: left;
color: #000000;
text-align: center;
padding: 18px 22px;
text-decoration: none;
font-size: 17px;
}

.topnav a:hover {
background-color: #ddd;
}

.topnav a.active {
background-color: #00bbc9;
font-weight: bold;
color: rgb(0, 0, 0);
}