home.css

.nav{
    background-color: black !important;
    height: 8vh !important;
   
}
a{
    color: green !important;
    text-decoration: none;
}
.img1{
    width: 100%;
    height: 70vh;
    
  
  }
  #btn2{
     position: absolute;
     left:42%;
     bottom: 50%;
     background-color: black;
     width: 150px;
     height: 50px;
     border-radius: 12px;
     border: none;
     color: green;
  }
  #btn2:hover{
    background-color: orange;
    
 }
 
  .corses{
    text-align: center;
  }

  @media only screen and (max-width: 600px) {
    #btn2{
        position: absolute;
        left: 35%;
        bottom: 50%;
        background-color: antiquewhite;
        width: 150px;
        height: 50px;
        border-radius: 12px;
        border: none;
     }
}
span{
    color: green;
}
.corsesList{
    text-align: center;
}
h5{
    color :green
}
.img{
  width: 100%;
  height: 100px;
}
.cour1{
  width: 300px;
  height: 220px;
  border: 2px solid green;
}



#random1{
  height: 50px;
  background-color: green;
  border-radius: 12px;
  border: none;
}
.footer{
  text-align: center;
  color: blueviolet;
}



@media only screen and (max-width: 900px) {
  .cour1{
    width: 300px;
    height: 220px;
    border: 2px solid green;
    margin: 12px;
    position: relative;
    left: 80px ;
  }
  
}