@import url('https://fonts.googleapis.com/css2?family=PT+Sans&display=swap');
        
      .home-h{
          -webkit-text-stroke-width: 1px;
          -webkit-text-stroke-color: #f76c6c;
          color: transparent;
          margin-top: 80px;
          font-size: 90px;
      }
        
      .home-txt{
          font-size: x-large;
          color: #24305e;
      }
        
      .home-txt1{
          font-size: larger;
          color: #24305e;
      }
        
      .home-img1{
          margin-top: -80px;
          margin-left: 20px;
          z-index: -1;
      }
        
      .home-blob1{
          position: absolute;
          width: 700px;
          z-index: -1;
          opacity: 0.3;
      }
        
      .home-blob2{
          position: absolute;
          width: 200px;
          z-index: -1;
          opacity: 0.5;
      }
        
      .home-blob3{
          width: 120px;
          margin-left: 1200px;
          opacity: 0.5;
      }
        
      @media screen and (max-width: 767px){
          .home-blob1, .home-blob2, .home-blob3{
              display: none;
          }
          .home-img1{
              height: 300px;
              margin: auto;
          }
          .home-h{
              margin-top: 100px;
              font-size: 50px;
          }
      }
      body{margin-top:20px;}
        
      .line-steps {
          display: flex;
          justify-content: center;
          flex-wrap: wrap;
          margin-bottom: 100px;
      }
        
      .head-text{
        text-align:center;
        font-family: 'PT Sans', sans-serif;
      }
      .line-steps .line-step {
          align-items: center;
          display: flex;
          flex-direction: column;
          position: relative;
          margin: 1rem
      }
        
      @media (min-width:768px) {
          .line-steps .line-step:not(:last-child):after {
              content: "";
              display: block;
              border-top: .25rem dotted #24305e;
              width: 3.46rem;
              position: absolute;
              left: 7.5rem;
              top: .3125rem
          }
          .line-steps .line-step:not(:first-child):before {
              content: "";
              display: block;
              border-top: .25rem dotted #24305e;
              width: 3.8125rem;
              position: absolute;
              right: 7.5rem;
              top: .3125rem
          }
      }
        
      .line-steps .line-content {
          width: 10rem;
          text-align: center
      }
        
      .line-steps .line-content .inner-circle {
          border-radius: 1.5rem;
          height: 1rem;
          width: 1rem;
          display: inline-flex;
          align-items: center;
          justify-content: center;
          background-color: #24305e
      }
        
      .line-steps .line-content .inner-circle:before {
          content: "";
          background-color: #f58a85;
          display: inline-block;
          height: 3rem;
          width: 3rem;
          min-width: 3rem;
          border-radius: 6.25rem;
          opacity: .5
      }
        
      .line-div{
          display: block;
          justify-content: center;
          margin: auto;
        
      }

      Css language logo
      Home Stylesheet

      Home
      Basic Fundraising Website

      Combine with React Home Component

      0 Comments

        Add Comment

        Log in to add a comment

        Codiga - All rights reserved 2022.