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
   8   height: 100%;
   9   text-align: center;
  10   padding-top: 150px;
  11   display: flex;
  12   justify-content: center;
  13   flex-direction: column-reverse;
  14
  15   .box {
  16     text-align: start;
  17     font-size: 120%;
  18     padding: 0 15px;
  19   }
  20
  21   img {
  22     @include margin-left(auto);
  23
  24     width: 220px;
  25     height: auto;
  26   }
  27
  28   @media screen and (max-width: $mobile-view) {
  29     img {
  30       @include margin-right(auto);
  31     }
  32   }
  33
  34   @media screen and (min-width: $mobile-view) {
  35     width: 400px;
  36   }
  37
  38   @media screen and (max-height: 600px) {
  39     padding-top: 50px;
  40
  41     img {
  42       width: 160px;
  43     }
  44   }
  45 }