.first{
    background-color: rgb(245, 245, 245);
    
    
    
}




.container{
    height: 100vh;
    
    
    
}

.project-tile{
    justify-content: center;
    align-items: center;
}

a {
    text-decoration: none !important;
    color: rgb(155, 155, 155) !important;
    
  }

  .project1-image{
    width: 400px;
    height: 300px;
    border-radius: 21px 21px 0 0;
    background-image: url("./images/vaccine-generator.jpg");
    

  }

  .project2-image{
    width: 400px;
    height: 300px;
    border-radius: 21px 21px 0 0;
    background-image: url("./images/erp-login.jpg");
  }

  .project3-image{
    background-image: url("./images/mondrian.jpg");
  }

  .project4-image{
    background-image: url("./images/landing-page.jpg");
  }


  .project5-image{
    width: 400px;
    height: 300px;
    border-radius: 21px 21px 0 0;
    background-image: url("./images/dice-game.jpg");
  }

  .project6-image{
    width: 400px;
    height: 300px;
    border-radius: 21px 21px 0 0;
    background-image: url("./images/Drum-kit.jpg");

  }


  .on-going-project1-image{
    width: 400px;
    height: 300px;
    border-radius: 21px 21px 0 0;
    background-image: url("./images/Time-table.jpg");

  }







  /* style="width: 100%; height: 300px; border-radius: 21px 21px 0 0;" */