client/src/app/+signup/+register/steps/register-step-about.component.scss

   1 @use '_variables' as *;
   2 @use '_mixins' as *;
   3
   4 h3 {
   5   font-weight: $font-bold;
   6   font-size: 24px;
   7 }
   8
   9 h4 {
  10   font-size: 18px;
  11   font-weight: $font-bold;
  12 }
  13
  14 .why {
  15   margin-bottom: 30px;
  16 }
  17
  18 .callout {
  19   margin: 75px auto 25px;
  20   border-width: 2px;
  21   display: flex;
  22
  23   .mascot-container {
  24     position: relative;
  25
  26     .mascot {
  27       position: absolute;
  28       top: -65px;
  29     }
  30   }
  31
  32   .callout-content {
  33     margin-left: 30px;
  34
  35     p {
  36       margin: 0;
  37     }
  38   }
  39 }
  40
  41 @media screen and (max-width: $small-view) {
  42   .callout {
  43     margin-top: 20px;
  44
  45     .mascot-container {
  46       display: none;
  47     }
  48
  49     .callout-content {
  50       margin-left: 0;
  51     }
  52   }
  53 }