body {
        width: 100vw;
        height: 100vh;
        margin: 0;
        padding: 0;
        background: rgb(31,57,43);
        background: linear-gradient(0deg, rgba(31,57,43,0.9976584383753502) 13%, rgba(46,185,109,1) 96%);
        color: #fff;
    }
    
    
    @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 {
      position: absolute;
      width: 278px;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      animation: fadeIn 1000ms ease;
      -webkit-animation: fadeIn 1000ms ease;
      
    }
    
    h1 {
      font-size: 50px;
      font-family: 'Poppins', sans-serif;
      margin-bottom: 0;
      line-height: 1;
      font-weight: 700;
    }
    
    .dot {
      color: #e8f81f;
    }
    
    p {
      text-align: center;
      margin: 18px;
      font-family: 'Muli', sans-serif;
      font-weight: normal;
      
    }
    
    .icons {
      text-align: center;  
    }
    
    .icons i {
      color: #08532b;
      background: #fff;
      height: 15px;
      width: 15px;
      padding: 13px;
      margin: 0 10px;
      border-radius: 50px;
      border: 2px solid #fff;
      transition: all 200ms ease;
      text-decoration: none;
      position: relative;
    }
    
    .icons i:hover, .icons i:active {
      color: #fff;
      background: none;
      cursor: pointer !important;
      transform: scale(1.2);
      -webkit-transform: scale(1.2);
      text-decoration: none;
      
    }