Grammalecte  Hex Artifact Content

Artifact 0df7e9268c93f8ff453f31322419abd584766aa35482eaa0cc9fb1043c436a78:


0000: 2f 2a 20 70 61 6e 65 6c 2e 63 73 73 20 2a 2f 0a  /* panel.css */.
0010: 0a 40 69 6d 70 6f 72 74 20 75 72 6c 28 22 63 6f  .@import url("co
0020: 6d 6d 6f 6e 2e 63 73 73 22 29 3b 0a 0a 68 65 61  mmon.css");..hea
0030: 64 65 72 20 7b 0a 20 20 20 20 62 61 63 6b 67 72  der {.    backgr
0040: 6f 75 6e 64 2d 63 6f 6c 6f 72 3a 20 68 73 6c 28  ound-color: hsl(
0050: 30 2c 20 30 25 2c 20 39 36 25 29 3b 0a 20 20 20  0, 0%, 96%);.   
0060: 20 62 6f 72 64 65 72 2d 62 6f 74 74 6f 6d 3a 20   border-bottom: 
0070: 31 70 78 20 73 6f 6c 69 64 20 68 73 6c 28 30 2c  1px solid hsl(0,
0080: 20 30 25 2c 20 39 30 25 29 3b 0a 20 20 20 20 70   0%, 90%);.    p
0090: 61 64 64 69 6e 67 3a 20 31 30 70 78 20 30 3b 0a  adding: 10px 0;.
00a0: 20 20 20 20 66 6f 6e 74 2d 66 61 6d 69 6c 79 3a      font-family:
00b0: 20 22 56 65 72 64 61 6e 61 22 2c 20 73 61 6e 73   "Verdana", sans
00c0: 2d 73 65 72 69 66 3b 0a 20 20 20 20 63 6f 6c 6f  -serif;.    colo
00d0: 72 3a 20 68 73 6c 28 30 2c 20 30 25 2c 20 30 25  r: hsl(0, 0%, 0%
00e0: 29 3b 0a 7d 0a 0a 62 6f 64 79 20 7b 0a 09 62 61  );.}..body {..ba
00f0: 63 6b 67 72 6f 75 6e 64 2d 63 6f 6c 6f 72 3a 20  ckground-color: 
0100: 68 73 6c 28 30 2c 20 30 25 2c 20 38 36 25 29 3b  hsl(0, 0%, 86%);
0110: 0a 09 66 6f 6e 74 2d 66 61 6d 69 6c 79 3a 20 22  ..font-family: "
0120: 54 72 65 62 75 63 68 65 74 20 4d 53 22 2c 20 73  Trebuchet MS", s
0130: 61 6e 73 2d 73 65 72 69 66 3b 0a 09 6f 76 65 72  ans-serif;..over
0140: 66 6c 6f 77 2d 78 3a 20 68 69 64 64 65 6e 3b 0a  flow-x: hidden;.
0150: 20 20 20 20 63 6f 6c 6f 72 3a 20 68 73 6c 28 30      color: hsl(0
0160: 2c 20 30 25 2c 20 30 25 29 3b 0a 7d 0a 0a 68 31  , 0%, 0%);.}..h1
0170: 20 7b 0a 20 20 20 20 66 6f 6e 74 2d 73 69 7a 65   {.    font-size
0180: 3a 20 32 30 70 78 3b 0a 20 20 20 20 63 6f 6c 6f  : 20px;.    colo
0190: 72 3a 20 68 73 6c 28 32 31 30 2c 20 33 30 25 2c  r: hsl(210, 30%,
01a0: 20 34 30 25 29 3b 0a 20 20 20 20 66 6f 6e 74 2d   40%);.    font-
01b0: 66 61 6d 69 6c 79 3a 20 22 54 72 65 62 75 63 68  family: "Trebuch
01c0: 65 74 20 4d 53 22 2c 20 73 61 6e 73 2d 73 65 72  et MS", sans-ser
01d0: 69 66 3b 0a 7d 0a 0a 70 2e 75 6e 64 65 72 6c 69  if;.}..p.underli
01e0: 6e 65 20 7b 0a 20 20 20 20 70 61 64 64 69 6e 67  ne {.    padding
01f0: 3a 20 35 70 78 20 30 3b 0a 20 20 20 20 62 61 63  : 5px 0;.    bac
0200: 6b 67 72 6f 75 6e 64 2d 63 6f 6c 6f 72 3a 20 68  kground-color: h
0210: 73 6c 28 32 31 30 2c 20 35 25 2c 20 39 32 25 29  sl(210, 5%, 92%)
0220: 3b 0a 20 20 20 20 6d 61 72 67 69 6e 2d 62 6f 74  ;.    margin-bot
0230: 74 6f 6d 3a 20 31 30 70 78 3b 0a 20 20 20 20 63  tom: 10px;.    c
0240: 6f 6c 6f 72 3a 20 68 73 6c 28 30 2c 20 30 25 2c  olor: hsl(0, 0%,
0250: 20 30 25 29 3b 0a 7d 0a 0a 2e 6b 65 79 20 7b 0a   0%);.}...key {.
0260: 20 20 20 20 77 69 64 74 68 3a 20 31 35 30 70 78      width: 150px
0270: 3b 0a 20 20 20 20 6c 65 74 74 65 72 2d 73 70 61  ;.    letter-spa
0280: 63 69 6e 67 3a 20 2d 30 2e 33 65 6d 3b 0a 7d 0a  cing: -0.3em;.}.
0290: 0a 23 6c 69 6e 6b 73 20 7b 0a 20 20 20 20 6d 61  .#links {.    ma
02a0: 72 67 69 6e 3a 20 32 30 70 78 20 30 20 31 30 70  rgin: 20px 0 10p
02b0: 78 20 30 3b 0a 7d 0a 0a 61 2e 6c 69 6e 6b 20 7b  x 0;.}..a.link {
02c0: 0a 20 20 20 20 63 6f 6c 6f 72 3a 20 68 73 6c 28  .    color: hsl(
02d0: 32 31 30 2c 20 33 30 25 2c 20 34 30 25 29 3b 0a  210, 30%, 40%);.
02e0: 20 20 20 20 74 65 78 74 2d 64 65 63 6f 72 61 74      text-decorat
02f0: 69 6f 6e 3a 20 6e 6f 6e 65 3b 0a 7d 0a 61 2e 6c  ion: none;.}.a.l
0300: 69 6e 6b 3a 68 6f 76 65 72 20 7b 0a 20 20 20 20  ink:hover {.    
0310: 63 6f 6c 6f 72 3a 20 68 73 6c 28 32 31 30 2c 20  color: hsl(210, 
0320: 33 30 25 2c 20 33 30 25 29 3b 0a 20 20 20 20 74  30%, 30%);.    t
0330: 65 78 74 2d 73 68 61 64 6f 77 3a 20 30 20 30 20  ext-shadow: 0 0 
0340: 33 70 78 20 68 73 6c 28 32 31 30 2c 20 33 30 25  3px hsl(210, 30%
0350: 2c 20 34 30 25 29 3b 0a 7d 0a 0a 23 64 69 63 74  , 40%);.}..#dict
0360: 69 6f 6e 61 72 69 65 73 5f 69 6e 66 6f 20 7b 0a  ionaries_info {.
0370: 20 20 20 20 6d 61 72 67 69 6e 3a 20 31 30 70 78      margin: 10px
0380: 20 30 3b 0a 20 20 20 20 70 61 64 64 69 6e 67 3a   0;.    padding:
0390: 20 31 30 70 78 3b 0a 20 20 20 20 62 6f 72 64 65   10px;.    borde
03a0: 72 2d 72 61 64 69 75 73 3a 20 33 70 78 3b 0a 20  r-radius: 3px;. 
03b0: 20 20 20 62 61 63 6b 67 72 6f 75 6e 64 2d 63 6f     background-co
03c0: 6c 6f 72 3a 20 68 73 6c 28 30 2c 20 35 30 25 2c  lor: hsl(0, 50%,
03d0: 20 34 30 25 29 3b 0a 20 20 20 20 63 6f 6c 6f 72   40%);.    color
03e0: 3a 20 68 73 6c 28 30 2c 20 31 30 25 2c 20 39 36  : hsl(0, 10%, 96
03f0: 25 29 3b 0a 7d 0a 2e 64 69 63 74 5f 73 65 63 74  %);.}..dict_sect
0400: 69 6f 6e 20 7b 0a 20 20 20 20 70 61 64 64 69 6e  ion {.    paddin
0410: 67 3a 20 31 30 70 78 3b 0a 20 20 20 20 6d 61 72  g: 10px;.    mar
0420: 67 69 6e 2d 62 6f 74 74 6f 6d 3a 20 31 30 70 78  gin-bottom: 10px
0430: 3b 0a 20 20 20 20 62 6f 72 64 65 72 2d 72 61 64  ;.    border-rad
0440: 69 75 73 3a 20 35 70 78 3b 0a 7d 0a 2e 64 69 63  ius: 5px;.}..dic
0450: 74 5f 73 65 63 74 69 6f 6e 20 6c 61 62 65 6c 20  t_section label 
0460: 7b 0a 20 20 20 20 66 6f 6e 74 2d 73 69 7a 65 3a  {.    font-size:
0470: 20 31 36 70 78 3b 0a 20 20 20 20 6c 69 6e 65 2d   16px;.    line-
0480: 68 65 69 67 68 74 3a 20 32 30 70 78 3b 0a 20 20  height: 20px;.  
0490: 20 20 63 6f 6c 6f 72 3a 20 68 73 6c 28 32 31 30    color: hsl(210
04a0: 2c 20 32 30 25 2c 20 35 30 25 29 3b 0a 20 20 20  , 20%, 50%);.   
04b0: 20 66 6f 6e 74 2d 77 65 69 67 68 74 3a 20 62 6f   font-weight: bo
04c0: 6c 64 3b 0a 7d 0a 2e 64 69 63 74 5f 64 65 73 63  ld;.}..dict_desc
04d0: 72 69 70 74 69 6f 6e 20 7b 0a 20 20 20 20 70 61  ription {.    pa
04e0: 64 64 69 6e 67 3a 20 35 70 78 20 30 20 30 20 32  dding: 5px 0 0 2
04f0: 30 70 78 3b 0a 20 20 20 20 63 6f 6c 6f 72 3a 20  0px;.    color: 
0500: 68 73 6c 28 30 2c 20 30 25 2c 20 30 25 29 3b 0a  hsl(0, 0%, 0%);.
0510: 7d 0a 0a 23 68 65 6c 70 5f 73 65 63 74 69 6f 6e  }..#help_section
0520: 20 7b 0a 20 20 20 20 62 61 63 6b 67 72 6f 75 6e   {.    backgroun
0530: 64 2d 63 6f 6c 6f 72 3a 20 68 73 6c 28 30 2c 20  d-color: hsl(0, 
0540: 30 25 2c 20 39 38 25 29 3b 0a 20 20 20 20 70 61  0%, 98%);.    pa
0550: 64 64 69 6e 67 3a 20 31 30 70 78 3b 0a 7d 0a 0a  dding: 10px;.}..
0560: 23 73 70 65 6c 6c 69 6e 67 5f 73 65 63 74 69 6f  #spelling_sectio
0570: 6e 20 7b 0a 20 20 20 20 64 69 73 70 6c 61 79 3a  n {.    display:
0580: 20 6e 6f 6e 65 3b 0a 20 20 20 20 62 61 63 6b 67   none;.    backg
0590: 72 6f 75 6e 64 2d 63 6f 6c 6f 72 3a 20 68 73 6c  round-color: hsl
05a0: 28 30 2c 20 30 25 2c 20 39 38 25 29 3b 0a 20 20  (0, 0%, 98%);.  
05b0: 20 20 70 61 64 64 69 6e 67 3a 20 31 30 70 78 3b    padding: 10px;
05c0: 0a 7d 0a 0a 23 67 72 61 6d 6d 61 72 5f 73 65 63  .}..#grammar_sec
05d0: 74 69 6f 6e 20 7b 0a 20 20 20 20 64 69 73 70 6c  tion {.    displ
05e0: 61 79 3a 20 6e 6f 6e 65 3b 0a 20 20 20 20 62 61  ay: none;.    ba
05f0: 63 6b 67 72 6f 75 6e 64 2d 63 6f 6c 6f 72 3a 20  ckground-color: 
0600: 68 73 6c 28 30 2c 20 30 25 2c 20 39 38 25 29 3b  hsl(0, 0%, 98%);
0610: 0a 20 20 20 20 70 61 64 64 69 6e 67 3a 20 31 30  .    padding: 10
0620: 70 78 3b 0a 7d 0a 0a 2e 6f 70 74 5f 73 75 62 73  px;.}...opt_subs
0630: 65 63 74 69 6f 6e 20 7b 0a 20 20 20 20 6d 61 72  ection {.    mar
0640: 67 69 6e 3a 20 35 70 78 20 30 3b 0a 20 20 20 20  gin: 5px 0;.    
0650: 70 61 64 64 69 6e 67 3a 20 31 30 70 78 3b 0a 20  padding: 10px;. 
0660: 20 20 20 62 61 63 6b 67 72 6f 75 6e 64 2d 63 6f     background-co
0670: 6c 6f 72 3a 20 68 73 6c 28 30 2c 20 30 25 2c 20  lor: hsl(0, 0%, 
0680: 39 32 25 29 3b 0a 20 20 20 20 62 6f 72 64 65 72  92%);.    border
0690: 2d 72 61 64 69 75 73 3a 20 33 70 78 3b 0a 7d 0a  -radius: 3px;.}.
06a0: 0a 2e 6f 70 74 5f 73 75 62 73 65 63 74 69 6f 6e  ..opt_subsection
06b0: 20 68 32 20 7b 0a 20 20 20 20 63 6f 6c 6f 72 3a   h2 {.    color:
06c0: 20 68 73 6c 28 32 31 30 2c 20 33 30 25 2c 20 35   hsl(210, 30%, 5
06d0: 30 25 29 3b 0a 20 20 20 20 6d 61 72 67 69 6e 2d  0%);.    margin-
06e0: 62 6f 74 74 6f 6d 3a 20 33 70 78 3b 0a 20 20 20  bottom: 3px;.   
06f0: 20 66 6f 6e 74 2d 73 69 7a 65 3a 20 31 36 70 78   font-size: 16px
0700: 3b 0a 20 20 20 20 66 6f 6e 74 2d 66 61 6d 69 6c  ;.    font-famil
0710: 79 3a 20 22 54 72 65 62 75 63 68 65 74 20 4d 53  y: "Trebuchet MS
0720: 22 2c 20 73 61 6e 73 2d 73 65 72 69 66 3b 0a 7d  ", sans-serif;.}
0730: 0a 2e 6f 70 74 5f 73 75 62 73 65 63 74 69 6f 6e  ..opt_subsection
0740: 20 70 20 7b 0a 20 20 20 20 70 61 64 64 69 6e 67   p {.    padding
0750: 3a 20 32 70 78 20 33 70 78 3b 0a 20 20 20 20 64  : 2px 3px;.    d
0760: 69 73 70 6c 61 79 3a 66 6c 65 78 3b 0a 20 20 20  isplay:flex;.   
0770: 20 61 6c 69 67 6e 2d 69 74 65 6d 73 3a 63 65 6e   align-items:cen
0780: 74 65 72 3b 0a 7d 0a 2e 6f 70 74 5f 73 75 62 73  ter;.}..opt_subs
0790: 65 63 74 69 6f 6e 20 70 3a 68 6f 76 65 72 20 7b  ection p:hover {
07a0: 0a 20 20 20 20 62 61 63 6b 67 72 6f 75 6e 64 2d  .    background-
07b0: 63 6f 6c 6f 72 3a 20 68 73 6c 28 32 31 30 2c 20  color: hsl(210, 
07c0: 31 30 25 2c 20 38 36 25 29 3b 0a 20 20 20 20 62  10%, 86%);.    b
07d0: 6f 72 64 65 72 2d 72 61 64 69 75 73 3a 20 32 70  order-radius: 2p
07e0: 78 3b 0a 7d 0a 2e 6f 70 74 5f 73 75 62 73 65 63  x;.}..opt_subsec
07f0: 74 69 6f 6e 20 6c 61 62 65 6c 20 7b 0a 20 20 20  tion label {.   
0800: 20 66 6c 65 78 3a 20 31 3b 0a 7d 0a 2e 6f 70 74   flex: 1;.}..opt
0810: 5f 73 75 62 73 65 63 74 69 6f 6e 20 69 6e 70 75  _subsection inpu
0820: 74 20 7b 0a 20 20 20 20 6f 72 64 65 72 3a 20 31  t {.    order: 1
0830: 0a 7d 0a 0a 23 67 72 61 6d 6d 61 72 5f 73 65 63  .}..#grammar_sec
0840: 74 69 6f 6e 20 61 20 7b 0a 20 20 20 20 70 61 64  tion a {.    pad
0850: 64 69 6e 67 3a 20 35 70 78 20 31 30 70 78 3b 0a  ding: 5px 10px;.
0860: 20 20 20 20 62 61 63 6b 67 72 6f 75 6e 64 2d 63      background-c
0870: 6f 6c 6f 72 3a 20 68 73 6c 28 32 31 30 2c 20 34  olor: hsl(210, 4
0880: 30 25 2c 20 35 30 25 29 3b 0a 20 20 20 20 63 6f  0%, 50%);.    co
0890: 6c 6f 72 3a 20 68 73 6c 28 30 2c 20 30 25 2c 20  lor: hsl(0, 0%, 
08a0: 39 36 25 29 3b 0a 20 20 20 20 74 65 78 74 2d 64  96%);.    text-d
08b0: 65 63 6f 72 61 74 69 6f 6e 3a 20 6e 6f 6e 65 3b  ecoration: none;
08c0: 0a 20 20 20 20 62 6f 72 64 65 72 2d 72 61 64 69  .    border-radi
08d0: 75 73 3a 20 33 70 78 3b 0a 20 20 20 20 66 6f 6e  us: 3px;.    fon
08e0: 74 2d 73 69 7a 65 3a 20 31 36 70 78 3b 0a 7d 0a  t-size: 16px;.}.
08f0: 23 67 72 61 6d 6d 61 72 5f 73 65 63 74 69 6f 6e  #grammar_section
0900: 20 61 3a 68 6f 76 65 72 20 7b 0a 20 20 20 20 62   a:hover {.    b
0910: 61 63 6b 67 72 6f 75 6e 64 2d 63 6f 6c 6f 72 3a  ackground-color:
0920: 20 68 73 6c 28 32 31 30 2c 20 35 30 25 2c 20 34   hsl(210, 50%, 4
0930: 30 25 29 3b 0a 20 20 20 20 63 6f 6c 6f 72 3a 20  0%);.    color: 
0940: 63 6f 6c 6f 72 3a 20 68 73 6c 28 30 2c 20 31 30  color: hsl(0, 10
0950: 25 2c 20 39 38 25 29 3b 0a 7d 0a 0a 61 2e 62 6c  %, 98%);.}..a.bl
0960: 75 65 62 75 74 74 6f 6e 20 7b 0a 20 20 20 20 70  uebutton {.    p
0970: 61 64 64 69 6e 67 3a 20 32 70 78 20 35 70 78 3b  adding: 2px 5px;
0980: 0a 20 20 20 20 62 61 63 6b 67 72 6f 75 6e 64 2d  .    background-
0990: 63 6f 6c 6f 72 3a 20 68 73 6c 28 32 31 30 2c 20  color: hsl(210, 
09a0: 34 30 25 2c 20 35 30 25 29 3b 0a 20 20 20 20 63  40%, 50%);.    c
09b0: 6f 6c 6f 72 3a 20 68 73 6c 28 32 31 30 2c 20 30  olor: hsl(210, 0
09c0: 25 2c 20 39 36 25 29 3b 0a 20 20 20 20 74 65 78  %, 96%);.    tex
09d0: 74 2d 64 65 63 6f 72 61 74 69 6f 6e 3a 20 6e 6f  t-decoration: no
09e0: 6e 65 3b 0a 20 20 20 20 62 6f 72 64 65 72 2d 72  ne;.    border-r
09f0: 61 64 69 75 73 3a 20 33 70 78 3b 0a 7d 0a 61 2e  adius: 3px;.}.a.
0a00: 62 6c 75 65 62 75 74 74 6f 6e 3a 68 6f 76 65 72  bluebutton:hover
0a10: 20 7b 0a 20 20 20 20 62 61 63 6b 67 72 6f 75 6e   {.    backgroun
0a20: 64 2d 63 6f 6c 6f 72 3a 20 68 73 6c 28 32 31 30  d-color: hsl(210
0a30: 2c 20 35 30 25 2c 20 35 35 25 29 3b 0a 20 20 20  , 50%, 55%);.   
0a40: 20 63 6f 6c 6f 72 3a 20 68 73 6c 28 32 31 30 2c   color: hsl(210,
0a50: 20 30 25 2c 20 31 30 30 25 29 3b 0a 7d 0a 0a 61   0%, 100%);.}..a
0a60: 2e 72 65 64 62 75 74 74 6f 6e 20 7b 0a 20 20 20  .redbutton {.   
0a70: 20 70 61 64 64 69 6e 67 3a 20 32 70 78 20 35 70   padding: 2px 5p
0a80: 78 3b 0a 20 20 20 20 62 61 63 6b 67 72 6f 75 6e  x;.    backgroun
0a90: 64 2d 63 6f 6c 6f 72 3a 20 68 73 6c 28 30 2c 20  d-color: hsl(0, 
0aa0: 34 30 25 2c 20 35 30 25 29 3b 0a 20 20 20 20 63  40%, 50%);.    c
0ab0: 6f 6c 6f 72 3a 20 68 73 6c 28 30 2c 20 30 25 2c  olor: hsl(0, 0%,
0ac0: 20 39 36 25 29 3b 0a 20 20 20 20 74 65 78 74 2d   96%);.    text-
0ad0: 64 65 63 6f 72 61 74 69 6f 6e 3a 20 6e 6f 6e 65  decoration: none
0ae0: 3b 0a 20 20 20 20 62 6f 72 64 65 72 2d 72 61 64  ;.    border-rad
0af0: 69 75 73 3a 20 33 70 78 3b 0a 7d 0a 61 2e 72 65  ius: 3px;.}.a.re
0b00: 64 62 75 74 74 6f 6e 3a 68 6f 76 65 72 20 7b 0a  dbutton:hover {.
0b10: 20 20 20 20 62 61 63 6b 67 72 6f 75 6e 64 2d 63      background-c
0b20: 6f 6c 6f 72 3a 20 68 73 6c 28 30 2c 20 35 30 25  olor: hsl(0, 50%
0b30: 2c 20 35 35 25 29 3b 0a 20 20 20 20 63 6f 6c 6f  , 55%);.    colo
0b40: 72 3a 20 68 73 6c 28 30 2c 20 30 25 2c 20 31 30  r: hsl(0, 0%, 10
0b50: 30 25 29 3b 0a 7d 0a 0a 61 2e 67 72 65 65 6e 62  0%);.}..a.greenb
0b60: 75 74 74 6f 6e 20 7b 0a 20 20 20 20 70 61 64 64  utton {.    padd
0b70: 69 6e 67 3a 20 32 70 78 20 35 70 78 3b 0a 20 20  ing: 2px 5px;.  
0b80: 20 20 62 61 63 6b 67 72 6f 75 6e 64 2d 63 6f 6c    background-col
0b90: 6f 72 3a 20 68 73 6c 28 31 35 30 2c 20 34 30 25  or: hsl(150, 40%
0ba0: 2c 20 34 30 25 29 3b 0a 20 20 20 20 63 6f 6c 6f  , 40%);.    colo
0bb0: 72 3a 20 68 73 6c 28 31 35 30 2c 20 30 25 2c 20  r: hsl(150, 0%, 
0bc0: 39 36 25 29 3b 0a 20 20 20 20 74 65 78 74 2d 64  96%);.    text-d
0bd0: 65 63 6f 72 61 74 69 6f 6e 3a 20 6e 6f 6e 65 3b  ecoration: none;
0be0: 0a 20 20 20 20 62 6f 72 64 65 72 2d 72 61 64 69  .    border-radi
0bf0: 75 73 3a 20 33 70 78 3b 0a 7d 0a 61 2e 67 72 65  us: 3px;.}.a.gre
0c00: 65 6e 62 75 74 74 6f 6e 3a 68 6f 76 65 72 20 7b  enbutton:hover {
0c10: 0a 20 20 20 20 62 61 63 6b 67 72 6f 75 6e 64 2d  .    background-
0c20: 63 6f 6c 6f 72 3a 20 68 73 6c 28 31 35 30 2c 20  color: hsl(150, 
0c30: 35 30 25 2c 20 34 35 25 29 3b 0a 20 20 20 20 63  50%, 45%);.    c
0c40: 6f 6c 6f 72 3a 20 68 73 6c 28 30 2c 20 30 25 2c  olor: hsl(0, 0%,
0c50: 20 31 30 30 25 29 3b 0a 7d 0a 0a 61 2e 73 69 6d   100%);.}..a.sim
0c60: 70 6c 65 6c 69 6e 6b 20 7b 0a 20 20 20 20 63 6f  plelink {.    co
0c70: 6c 6f 72 3a 20 68 73 6c 28 31 38 30 2c 20 35 30  lor: hsl(180, 50
0c80: 25 2c 20 32 30 25 29 3b 0a 20 20 20 20 74 65 78  %, 20%);.    tex
0c90: 74 2d 64 65 63 6f 72 61 74 69 6f 6e 3a 20 6e 6f  t-decoration: no
0ca0: 6e 65 3b 0a 20 20 20 20 74 65 78 74 2d 73 68 61  ne;.    text-sha
0cb0: 64 6f 77 3a 20 30 20 30 20 31 70 78 20 68 73 6c  dow: 0 0 1px hsl
0cc0: 28 31 38 30 2c 20 32 30 25 2c 20 35 30 25 29 3b  (180, 20%, 50%);
0cd0: 0a 7d 0a 61 2e 73 69 6d 70 6c 65 6c 69 6e 6b 3a  .}.a.simplelink:
0ce0: 68 6f 76 65 72 20 7b 0a 20 20 20 20 63 6f 6c 6f  hover {.    colo
0cf0: 72 3a 20 68 73 6c 28 31 38 30 2c 20 38 30 25 2c  r: hsl(180, 80%,
0d00: 20 32 30 25 29 3b 0a 20 20 20 20 74 65 78 74 2d   20%);.    text-
0d10: 73 68 61 64 6f 77 3a 20 30 20 30 20 31 70 78 20  shadow: 0 0 1px 
0d20: 68 73 6c 28 31 38 30 2c 20 35 30 25 2c 20 31 30  hsl(180, 50%, 10
0d30: 25 29 3b 0a 7d 0a 0a 66 6f 6f 74 65 72 23 70 72  %);.}..footer#pr
0d40: 6f 6d 6f 20 7b 0a 20 20 20 20 62 61 63 6b 67 72  omo {.    backgr
0d50: 6f 75 6e 64 2d 63 6f 6c 6f 72 3a 20 68 73 6c 28  ound-color: hsl(
0d60: 30 2c 20 30 25 2c 20 39 32 25 29 3b 0a 20 20 20  0, 0%, 92%);.   
0d70: 20 62 6f 72 64 65 72 2d 74 6f 70 3a 20 31 70 78   border-top: 1px
0d80: 20 73 6f 6c 69 64 20 68 73 6c 28 30 2c 20 30 25   solid hsl(0, 0%
0d90: 2c 20 38 36 25 29 3b 0a 20 20 20 20 70 61 64 64  , 86%);.    padd
0da0: 69 6e 67 3a 20 32 30 70 78 3b 0a 7d 0a 0a 66 6f  ing: 20px;.}..fo
0db0: 6f 74 65 72 23 74 68 61 6e 6b 73 20 7b 0a 20 20  oter#thanks {.  
0dc0: 20 20 62 61 63 6b 67 72 6f 75 6e 64 2d 63 6f 6c    background-col
0dd0: 6f 72 3a 20 68 73 6c 28 30 2c 20 30 25 2c 20 38  or: hsl(0, 0%, 8
0de0: 36 25 29 3b 0a 20 20 20 20 62 6f 72 64 65 72 2d  6%);.    border-
0df0: 74 6f 70 3a 20 31 70 78 20 73 6f 6c 69 64 20 68  top: 1px solid h
0e00: 73 6c 28 30 2c 20 30 25 2c 20 38 30 25 29 3b 0a  sl(0, 0%, 80%);.
0e10: 20 20 20 20 70 61 64 64 69 6e 67 3a 20 31 35 70      padding: 15p
0e20: 78 20 31 35 70 78 3b 0a 7d 0a 66 6f 6f 74 65 72  x 15px;.}.footer
0e30: 23 74 68 61 6e 6b 73 20 70 20 7b 0a 20 20 20 20  #thanks p {.    
0e40: 6d 61 72 67 69 6e 3a 20 33 70 78 20 30 3b 0a 20  margin: 3px 0;. 
0e50: 20 20 20 66 6f 6e 74 2d 73 69 7a 65 3a 20 31 34     font-size: 14
0e60: 70 78 3b 0a 7d 0a 0a                             px;.}..