client/src/app/+error-page/error-page.component.scss

   1 @use '_variables' as *;
   2 @use '_mixins' as *;
   3
   4 .root {
   5   @include margin-left(auto);
   6   @include margin-right(auto);
   7   @include padding-top(9rem);
   8   @include rfs(45rem, width);
   9
  10   height: 100%;
  11   text-align: center;
  12   display: flex;
  13   justify-content: center;
  14   flex-direction: column-reverse;
  15
  16
  17   .box {
  18     @include font-size(1.25rem);
  19
  20     text-align: start;
  21     padding: 0 15px;
  22   }
  23
  24   img {
  25     @include margin-left(auto);
  26     @include rfs(14rem, width);
  27   }
  28
  29   @media screen and (max-width: $mobile-view) {
  30     img {
  31       @include margin-right(auto);
  32     }
  33   }
  34 }