service-website/src/index.scss

   1 body {
   2   margin: 0;
   3   padding: 0;
   4   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans",
   5   "Droid Sans", "Helvetica Neue", sans-serif;
   6   -webkit-font-smoothing: antialiased;
   7   -moz-osx-font-smoothing: grayscale;
   8 }
   9
  10 code {
  11   font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace;
  12 }
  13
  14 .app {
  15   min-height: 100vh;
  16   display: flex;
  17   flex-direction: column;
  18 }
  19
  20 main {
  21   flex: 1;
  22 }
  23
  24 footer {
  25   padding-top: 1em;
  26   padding-bottom: 2em;
  27 }
  28
  29 #headerMargin {
  30   margin-top: 1em;
  31 }
  32
  33 // -------------------------------------------------
  34 // from: https://github.com/tobiasahlin/SpinKit/blob/master/examples/3-wave.html
  35
  36 .spinner {
  37   height: 3em;
  38   text-align: center;
  39   font-size: 10px;
  40 }
  41
  42 .spinner > div {
  43   background-color: #333;
  44   height: 100%;
  45   width: 6px;
  46   margin-left:0.25em;
  47   display: inline-block;
  48
  49   -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
  50   animation: sk-stretchdelay 1.2s infinite ease-in-out;
  51 }
  52
  53 .spinner .rect2 {
  54   -webkit-animation-delay: -1.1s;
  55   animation-delay: -1.1s;
  56 }
  57
  58 .spinner .rect3 {
  59   -webkit-animation-delay: -1.0s;
  60   animation-delay: -1.0s;
  61 }
  62
  63 .spinner .rect4 {
  64   -webkit-animation-delay: -0.9s;
  65   animation-delay: -0.9s;
  66 }
  67
  68 .spinner .rect5 {
  69   -webkit-animation-delay: -0.8s;
  70   animation-delay: -0.8s;
  71 }
  72
  73 @-webkit-keyframes sk-stretchdelay {
  74   0%, 40%, 100% { -webkit-transform: scaleY(0.4) }
  75   20% { -webkit-transform: scaleY(1.0) }
  76 }
  77
  78 @keyframes sk-stretchdelay {
  79   0%, 40%, 100% {
  80     transform: scaleY(0.4);
  81     -webkit-transform: scaleY(0.4);
  82   }  20% {
  83     transform: scaleY(1.0);
  84     -webkit-transform: scaleY(1.0);
  85   }
  86 }
  87 // -------------------------------------------------
  88
  89
  90 #pdfDownloadContainer{
  91   margin-top: 5em;
  92 }
  93
  94 #pdfDownloadIcon{
  95   margin: 3em;
  96 }