html{
  padding: 0;
  margin: 0;
}
body{
    font-family: 'Nunito', sans-serif;
    padding: 50px;
  }
  .form-floating label{
  	font-family: system-ui;
}
  .card{
      border-radius: 4px;
      /* background: #fff; */
      box-shadow: 0 6px 10px rgba(0,0,0,.08), 0 0 6px rgba(0,0,0,.05);
        transition: .3s transform cubic-bezier(.155,1.105,.295,1.12),.3s box-shadow,.3s -webkit-transform cubic-bezier(.155,1.105,.295,1.12);
    /* padding: 14px 80px 18px 36px; */
    cursor: pointer;
    height: 200px;
  }
  
  .card:hover{
       transform: scale(1.05);
    box-shadow: 0 10px 20px rgba(0,0,0,.12), 0 4px 8px rgba(0,0,0,.06);
  }
  
  .card h3{
    font-weight: 600;
  }
  
  .card img{
    position: absolute;
    top: 20px;
    right: 15px;
    max-height: 120px;
  }
  @media(max-width: 990px){
    .card{
      margin: 20px;
    }
  } 

  .items:nth-child(odd) .card{
    background-color: #dff4ff;
  }
  .itemscb:nth-child(3n+1) .card{
    background-color: #dff4ff;
  }

  a{
      color: black;
  }

.chuthich{
  padding-top: .5rem;
  padding-bottom: .5rem;
  color: purple;
}