/*****************************************************************************
Box-Shadow Definitions
******************************************************************************/

@mixin strong {
  box-shadow:
    0 18px 20px rgba(0,0,0,0.05),
    0 18px 30px rgba(0,0,0,0.15);
}

@mixin weak {
  box-shadow: 0 8px 20px rgba(0,0,0,0.1);
}

@mixin smooth-no-offset {
  box-shadow:
    0 0 2.2px rgba(0, 0, 0, 0.034),
    0 0 5.3px rgba(0, 0, 0, 0.048),
    0 0 10px rgba(0, 0, 0, 0.06),
    0 0 17.9px rgba(0, 0, 0, 0.072),
    0 0 33.4px rgba(0, 0, 0, 0.086),
    0 0 80px rgba(0, 0, 0, 0.12);
}

@mixin smooth {
  box-shadow:
    0 2.8px 2.2px rgba(0, 0, 0, 0.034),
    0 6.7px 5.3px rgba(0, 0, 0, 0.048),
    0 12.5px 10px rgba(0, 0, 0, 0.06),
    0 22.3px 17.9px rgba(0, 0, 0, 0.072),
    0 41.8px 33.4px rgba(0, 0, 0, 0.086),
    0 100px 80px rgba(0, 0, 0, 0.12);
}