static/css/main.css

   1 a {
   2   color: darkslategrey;
   3 }
   4 a:hover,
   5 a:active {
   6   color: #1f2f2f;
   7 }
   8 h1 {
   9   text-align: center;
  10   font-size: 1.66em;
  11 }
  12 h2 {
  13   text-decoration: underline;
  14   font-size: 1.33em;
  15 }
  16 ul.pagination {
  17   display: flex;
  18   justify-content: center;
  19 }
  20 ul.pagination > li {
  21   margin: 0 0.2em;
  22   display: inline;
  23 }
  24 body {
  25   margin: 0 0;
  26   display: flex;
  27   flex-flow: column nowrap;
  28   background-color: lightslategrey;
  29 }
  30 body > header {
  31   margin: 0;
  32   padding: 0.93rem 1% 0 1%;
  33   border-radius: 9.33rem 0 0 0;
  34   background-color: slategrey;
  35   display: flex;
  36   flex-flow: row wrap;
  37   align-items: start;
  38   justify-content: center;
  39 }
  40 body > header > figure {
  41   margin: 0;
  42   display: flex;
  43   border-radius: 90% 10% 1.3rem 1.3rem;
  44   background-color: darkslategrey;
  45   border: 1rem double slategrey;
  46 }
  47 body > header > figure > img {
  48   border-radius: 50% 3% 3% 3%;
  49 }
  50 body > header > nav {
  51   flex: 1 1 auto;
  52   text-align: center;
  53 }
  54 body > header > nav > header {
  55   font-size: 1.3rem;
  56   font-family: fantasy;
  57   color: slategrey;
  58   background-color: darkslategrey;
  59   border-radius: 1.3rem 1.3rem 0 0;
  60   border: 0.8rem double slategrey;
  61 }
  62 body > header > nav > nav {
  63   display: flex;
  64   justify-content: center;
  65   flex-flow: row wrap;
  66 }
  67 body > header > nav > footer {
  68   font-size: 1.1rem;
  69   font-family: fantasy;
  70   color: slategrey;
  71   background-color: darkslategrey;
  72   border-radius: 0 0 1.3rem 1.3rem;
  73   border: 0.8rem double slategrey;
  74 }
  75 body > header > nav svg {
  76   margin: 0 0;
  77   width: 3rem;
  78   height: 3rem;
  79   fill: darkslategrey;
  80 }
  81 body > header > nav a > summary {
  82   display: none;
  83 }
  84 body > header > nav a > svg:hover,
  85 body > header > nav a > svg:active,
  86 body > header > nav svg.selected {
  87   fill: #1f2f2f;
  88 }
  89
  90 body > main {
  91   margin: 0 0 0 0;
  92   padding: 0 2% 2% 2%;
  93   background-color: slategrey;
  94   font-size: 1.8rem;
  95   font-family: sans;
  96   color: #1f1f1f;
  97 }
  98 body > main > article {
  99   font-size: 0.8em;
 100   padding: 0 2% 2% 2%;
 101   border-radius: 1em 1em;
 102   background-color: lightslategrey;
 103   border-top: 1px solid black;
 104   border-bottom: 1px solid grey;
 105 }
 106 body > footer {
 107   font-size: 0.8rem;
 108   background-color: darkslategrey;
 109   height: 4rem;
 110   display: flex;
 111   flex-direction: column;
 112   text-align: center;
 113   justify-content: center;
 114   color: lightslategrey;
 115 }
 116