body {
    font-family: Arial, sans-serif;
    scroll-behavior: smooth;
  }
  
  .course-card {
    transition: transform 0.3s ease;
  }
  
  .course-card:hover {
    transform: scale(1.05);
  }

  .main{
    width:100%;
    height:80dvh;
    background: url('Assets/background.jpg');
  background-repeat: no-repeat;
  background-position: center; 
  background-size:100%;
  }
  .imgsize{
    position: center;
    height:200px;
    width:200px;
  }
  .profile{
    border-radius: 50%;
  }
  #course{
    padding-top:50px;
  }
  .main-content{
    padding-top:18%;
    padding-left: 10%;
  }
  .ExploreCourses{
    margin-top: 5%;
    margin-left: 10%;
  }
  @media only screen and (max-width: 600px) {
    .main{
      width:100%;
      height:35vh;
      color:white;
  }
  .course-card{
    margin:10px;
  }
}