* {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0;
    margin: 0;
     background: #d4e09b;
  }
  
   .card-demo {
    background: #d4e09b;
    width: 100%;
       height:100vh;
   padding-top: 1.2%;
   padding-bottom: 1.2%;
   
  }


  
  .card-demo .card-container .card {
    width: 350px;
    margin: 12% 0;
    background: #f1f1f1;
    -webkit-box-shadow: 5px 5px 5px rgba(59, 57, 57, 0.1);
            box-shadow: 5px 5px 5px rgba(59, 57, 57, 0.1);
  }
  
  .card-demo .card-container .card .img-container img {
    margin-top: 20px;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    -webkit-box-shadow: 0px 0px 5px 2px rgba(64, 64, 64, 0.5);
            box-shadow: 0px 0px 5px 2px rgba(64, 64, 64, 0.5);
  }
  
  .card-demo .card-container .card .card-title {
    color: #24232a;
  }
  
  .card-demo .card-container .card .card-text {
    font-size: 15px;
  }
  
  .card-demo .card-container .card .card-footer i:hover {
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
    -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
    -webkit-transition-delay: 0.2s;
            transition-delay: 0.2s;
  }
  /*# sourceMappingURL=main.css.map */