* {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }
    

    a {
        text-decoration: none;
        color: #fff;
    }

    .app-container {
        background-color: linear-gradient(180deg, #6f9440 0%, #6f9440 100%) !important; 
        display: flex;
        width: 100%;
        flex-direction: column;
        justify-content: center;
        align-items:center;
      
       
    }


    /* App Header */

    .app-header {
      position: fixed;
      top: 0;
      margin: 0 auto;
      height: 60px;
      background: linear-gradient(180deg, #6f9440 0%, #6f9440 100%) !important;
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 0 10px;
      z-index: 1000;
    }

    .header-item img {
      width: 40px;
      height: 40px;
      object-fit: contain;
      transition: transform 0.3s ease, opacity 0.3s ease;
    }

    .header-item img:hover {
      transform: scale(1.1);
      opacity: 0.9;
    }
    .header-item.center {
        display: flex;
        justify-content: center;
        text-align: center;
        color: #fff !important;
        font-size: 20px;
        font-weight: 600;
    }

    .header-item.center img {
      width: 50px;
      height: 50px;
    }



    /* App Bottom */


    .app-footer {
      position: fixed;
      bottom: 0;
      width: 100%;
      max-width: 460px;
      margin: 0 auto;
      height: 60px;
      background: linear-gradient(180deg, #6f9440 0%, #6f9440 100%);
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 0 10px;
      z-index: 1000;
    }

    .footer-item img {
      width: 40px;
      height: 40px;
      object-fit: contain;
      transition: transform 0.3s ease, opacity 0.3s ease;
    }

    .footer-item img:hover {
      transform: scale(1.1);
      opacity: 0.9;
    }
    .footer-item {
        display: flex;
        justify-content: center;
        text-align: center;
        color: #fff !important;
        font-size: 20px;
        font-weight: 600;
    }


    h1,h2,h3,h4,h5,h6,p {
        color: #fff;
    }