git.r.bdr.sh - rbdr/sorting-hat-renderer/blob - css/app.css

   1 * {
   2   margin: 0;
   3   padding: 0;
   4 }
   5
   6 .waiting-message, .no-winner, .winner {
   7   align-items: center;
   8   color: white;
   9   display: flex;
  10   height: 100vh;
  11   justify-content: center;
  12   width: 100vw;
  13   position: absolute;
  14   top: 0;
  15   left: 0;
  16   font-size: 10vh;
  17   font-family: 'Helvetica Neue', helvetica, arial, sans-serif;
  18   font-weight: 600;
  19 }
  20
  21 .michaelangelo {
  22   background-color: orange;
  23 }
  24
  25 .donatello {
  26   background-color: purple;
  27 }
  28
  29 .leonardo {
  30   background-color: blue;
  31 }
  32
  33 .raphael {
  34   background-color: red;
  35 }
  36
  37 .no-winner {
  38   background-color: silver;
  39 }
  40
  41 .waiting-message {
  42   background-color: black;
  43 }
  44
  45 /* Vue built-in transitions */
  46
  47 .fade-enter-active, .fade-leave-active {
  48   transition: opacity 1.5s
  49 }
  50 .fade-enter, .fade-leave-to {
  51   opacity: 0
  52 }