html {
  scroll-behavior: smooth;
}

body {
  margin: 0px;
  zoom: 0.8;
}

.link{
  position: relative;
}

.link:after{
  content: '';
  position: absolute;
  width: 0; height: 3px;
  display: block;
  margin-top: 5px;
  right: 0;
  background: #00A39F;
  transition: width .2s ease;
  -webkit-transition: width .2s ease;
}
 
.link:hover:after{
  width: 100%;
  left: 0;
  background: #00A39F;
}

.just-image-container {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}

/* fix about us in other pages */

.main-about {
  margin-top: 100px;
}