body {
    position: relative;
    width: 1440;
    height: 768px;
  
    background: #FFFFFF;
  }

.navBar {
    position: absolute;
    width: 1440px;
    height: 93px;
    left: -8px;
    top: -8px;
    
    box-shadow: 0 2px 2px -1px rgba(0,0,0,.2);
    background: #FFEEB0;
}

.logo {
    position: absolute;
    width: 273px;
    height: 71px;
    left: 14px;
    top: 9px;
}

.about-button {
    position: absolute;
    width: 101px;
    height: 56px;
    left: 1000px;
    top: 16px;
    
    border: 3.5px solid #FAAA6D;
    border-radius: 6px;
    background-color: #FFEEB0;

    font-family: Cabin;
    font-style: normal;
    font-weight: bold;
    font-size: 25px;
    line-height: 36px;
    
    color: #FAAA6D;
}

.about-button:hover {
    background-color: #FAAA6D;
    color: #FFEEB0;
    transition-duration: 0.15s;
}

.discover-button {
    position: absolute;
    width: 130px;
    height: 56px;
    left: 1118px;
    top: 16px;
    
    border: 3.5px solid #FAAA6D;
    border-radius: 6px;
    background-color: #FFEEB0;

    font-family: Cabin;
    font-style: normal;
    font-weight: bold;
    font-size: 25px;
    line-height: 36px;
    
    color: #FAAA6D;
}

.discover-button:hover {
    background-color: #FAAA6D;
    color: #FFEEB0;
    transition-duration: 0.15s;
}

.signup-button {
    position: absolute;
    width: 120px;
    height: 55px;
    left: 1265px;
    top: 16px;
    
    border: 3.5px solid #F2684A;
    border-radius: 6px;
    background-color: #FFEEB0;

    font-family: Cabin;
    font-style: normal;
    font-weight: bold;
    font-size: 25px;
    line-height: 36px;
    
    color: #F2684A;
}

.signup-button:hover {
    background-color: #F2684A;
    color: #FFEEB0;
    transition-duration: 0.15s;
}

.welcome {
    position: absolute;
    width: 416px;
    height: 129px;
    left: 553px;
    top: 130px;
    
    font-family: Cabin;
    font-style: normal;
    font-weight: bold;
    font-size: 36px;
    line-height: 40px;
    
    color: #000000;
}

.discover {
    position: absolute;
    width: 259px;
    height: 129px;
    left: 486px;
    top: 273px;
    
    font-family: Cabin;
    font-style: normal;
    font-weight: bold;
    font-size: 64px;
    line-height: 78px;
    
    color: #000000;
}

.go {
    position: absolute;
    width: 221px;
    height: 78px;
    left: 610px;
    top: 533px;
    
    border: 5px solid #FAAA6D;
    border-radius: 6px;
    background: #FFFFFF;

    font-family: Cabin;
    font-style: normal;
    font-weight: bold;
    font-size: 32px;
    line-height: 36px;

    color: #FAAA6D;
}

.go:hover{
    color: #FFFFFF;
    background: #FAAA6D;

}


.hi {
    position: absolute;
    width: 659px;
    height: 129px;
    left: 256px;
    
    font-family: Cabin;
    font-style: normal;
    font-weight: bold;
    font-size: 64px;
    line-height: 78px;

    color: #FAAA6D
  }
  
    span:before{
      content: '';
      animation: animate infinite 12s;
    }
  
    @keyframes animate {
      0%{
        content: ' planners';
      }
  
      20%{
        content: ' games';
      }
  
      40%{
        content: ' communities';
      }
  
      60%{
        content: ' finance tools';
      }
  
      80%{
        content: ' life hacks';
      }

    }