index.css

body, html {
    height: 100%;
    margin: 0;
  }
  
  .bg {
   
    background-image: url("https://previews.123rf.com/images/karpenkoilia/karpenkoilia1805/karpenkoilia180500027/102146167-vector-line-web-concept-for-programming-linear-web-banner-for-coding-.jpg");
  
   
    height: 75%;
   
  
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .container {
      padding-top: 2rem;
      padding-bottom: 2rem;
      display: flex;
      justify-content: center;
  }
  .card:hover {
    box-shadow: 0 0 50px rgb(244, 81, 36,0.5); 
   }
  .no-style {
  text-decoration: none !important;
  color: black;  
  }
  
  #box{
      background: rgb(211,211,211);
      border-radius: 25px;
    padding: 5px 15px 5px 15px; 
    width: 50px;
    height: 30px; 
    text-align:center;
    font-size: 12px;
    position: relative;
    margin: 5px 5px 5px 5px;
   
  }
  #dis{
    display:flex;
  }