body{font-family: 'Poppins', sans-serif;
    margin: 0;
   }
   h1{
       font-size: 50px;
   }
   h2{
       font-size: 40px;
   }
  .orange{
      color: orange;
  }
  .section{
      display: flex;
      margin-bottom: 100px;
  }
  .half{
      width: 50%;
      padding-left: 2%;
  }
  .half img {
      width: 80%;
  }
  .link{
      text-decoration: none;
      background-color:orange;
      padding: 10px 40px;
      border-radius: 5px;
      background-image: linear-gradient(orange,tomato);
      color:white;
      font-weight: 700;
      }
      .banner{
          background-image: url(images/top-banner.png);
          background-repeat: no-repeat;
          
      }
      .dream{background-image: url(images/dream-bg.png);
        background-repeat: no-repeat;
        background-position: right;

      }
      .experience{background-image: url(images/exp-bg.png);
        background-repeat: no-repeat;
        background-position: left;

      }
      .exparience-item{ box-shadow: 10px 10px 40px gray;
        width: 40%;
        margin-left: 5%;
        margin-right: 5%;
        padding-left: 20px;
        border-radius: 10px;

    }
     #web-dev1{
        border-left: 7px solid;
        border-image: linear-gradient(purple, tomato);
        border-image-slice: 1;
    }
     
    #web-dev2{
        border-left: 7px solid;
        border-image: linear-gradient(blue, cyan);
        border-image-slice: 1;
    }
    footer p {
        text-align: center;
    }