body {
  background: #fff;
  color: #2B7C2F;
}


@keyframes fadeIn {
  from {top: 20%; opacity: 0;}
  to {top: 100; opacity: 1;}
  
}

@-webkit-keyframes fadeIn {
  from {top: 20%; opacity: 0;}
  to {top: 100; opacity: 1;}
  
}

.wrapper {
    width: 85%;
    align-items: center;
    justify-content: center;
    display: flex;
    flex-flow: column nowrap;
    margin: auto;
    height: 90vh;
    padding: 5vh 0;
    max-height: 700px;
    row-gap: 4rem;
}

h1 {
  font-size: 50px;
  font-family: 'Poppins', sans-serif;
  margin-bottom: 0;
  line-height: 1;
  font-weight: 700;
}

.dot {
  color: #A5D768;
}

div#logo {
    object-fit: contain;
    display: flex;
    overflow: hidden;
    max-width: 600px;
}
img {
    max-width: 100%;
    object-fit: contain;
    width: auto;
}
p > a {
  text-align: center;
  margin: 10px;
  line-height:1;
  font-family: 'Poppins', sans-serif;
  font-weight: normal;
  color:#A5D768;
  text-decoration:none;
  vertical-align:baseline;
}
.icons {
  text-align: center;
  font-size:2rem;
  
}

.icons i {
  color: #A5D768;
  margin: 0 10px;
  transition: all 200ms ease;
  text-decoration: none;
  position: relative;
}

.icons i:hover, .icons i:active, .icons a:hover, .icons a:active {
  color: #2B7C2F;
  background: none;
  cursor: pointer !important;
  text-decoration: none;
  
}