@import url('https://fonts.googleapis.com/css2?family=Slabo+13px&display=swap');
html{
  font-family: 'Slabo 13px', sans-serif;
  font-weight: 100;
}
/* Mobile Screen */
h1{
    text-align: center;
    font-size: 3.635rem;
}
h2{
    text-align: center;
    font-size: 2.53rem;
}
@media only screen and (max-width: 767px) {
    .row-poses {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
    }
    
    .column-poses {
      margin: 10px;
      text-align: center;
    }
    
    .pose-description {
      margin-top: 10px;
      font-size: 16px;
    }
    
    .buttons {
      display: flex;
      justify-content: center;
      margin-top: 20px;
    }
    
    .button {
      width: 100%;
    }
  }
  
  /* Desktop Screen */
  @media only screen and (min-width: 768px) {
    .row-poses {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
    }
    
    .column-poses {
      margin: 20px;
      text-align: center;
      flex-basis: 30%;
      max-width: 30%;
    }
    
    .pose-description {
      margin-top: 10px;
      font-size: 16px;
    }
    
    .buttons {
      display: flex;
      justify-content: flex-end;
      margin-top: 20px;
    }
    
    .button {
      width: 150px;
      margin-left: 10px;
    }
  }
  
/*Grow shadow effect*/

  .hvr-grow-shadow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: box-shadow, transform;
    transition-property: box-shadow, transform;
  }
  .hvr-grow-shadow:hover, .hvr-grow-shadow:focus, .hvr-grow-shadow:active {
    box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }