Grammalecte  Hex Artifact Content

Artifact 5a951f6db8d0958764c1496e216a056842f7c9f1d224c435fddfc5631887bfb6:


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 64 69 73 70 6c 61 79 3a 20 69 6e 6c      display: inl
0270: 69 6e 65 2d 62 6c 6f 63 6b 3b 0a 20 20 20 20 77  ine-block;.    w
0280: 69 64 74 68 3a 20 31 37 30 70 78 3b 0a 20 20 20  idth: 170px;.   
0290: 20 6c 65 74 74 65 72 2d 73 70 61 63 69 6e 67 3a   letter-spacing:
02a0: 20 2d 30 2e 30 38 65 6d 3b 0a 7d 0a 2e 67 6f 74   -0.08em;.}..got
02b0: 6f 20 7b 0a 20 20 20 20 6c 65 74 74 65 72 2d 73  o {.    letter-s
02c0: 70 61 63 69 6e 67 3a 20 2d 30 2e 30 38 65 6d 3b  pacing: -0.08em;
02d0: 0a 7d 0a 0a 23 6c 69 6e 6b 73 20 7b 0a 20 20 20  .}..#links {.   
02e0: 20 6d 61 72 67 69 6e 3a 20 32 30 70 78 20 30 20   margin: 20px 0 
02f0: 31 30 70 78 20 30 3b 0a 7d 0a 0a 61 2e 6c 69 6e  10px 0;.}..a.lin
0300: 6b 20 7b 0a 20 20 20 20 63 6f 6c 6f 72 3a 20 68  k {.    color: h
0310: 73 6c 28 32 31 30 2c 20 33 30 25 2c 20 34 30 25  sl(210, 30%, 40%
0320: 29 3b 0a 20 20 20 20 74 65 78 74 2d 64 65 63 6f  );.    text-deco
0330: 72 61 74 69 6f 6e 3a 20 6e 6f 6e 65 3b 0a 7d 0a  ration: none;.}.
0340: 61 2e 6c 69 6e 6b 3a 68 6f 76 65 72 20 7b 0a 20  a.link:hover {. 
0350: 20 20 20 63 6f 6c 6f 72 3a 20 68 73 6c 28 32 31     color: hsl(21
0360: 30 2c 20 33 30 25 2c 20 33 30 25 29 3b 0a 20 20  0, 30%, 30%);.  
0370: 20 20 74 65 78 74 2d 73 68 61 64 6f 77 3a 20 30    text-shadow: 0
0380: 20 30 20 33 70 78 20 68 73 6c 28 32 31 30 2c 20   0 3px hsl(210, 
0390: 33 30 25 2c 20 34 30 25 29 3b 0a 7d 0a 0a 23 64  30%, 40%);.}..#d
03a0: 69 63 74 69 6f 6e 61 72 69 65 73 5f 69 6e 66 6f  ictionaries_info
03b0: 20 7b 0a 20 20 20 20 6d 61 72 67 69 6e 3a 20 31   {.    margin: 1
03c0: 30 70 78 20 30 3b 0a 20 20 20 20 70 61 64 64 69  0px 0;.    paddi
03d0: 6e 67 3a 20 31 30 70 78 3b 0a 20 20 20 20 62 6f  ng: 10px;.    bo
03e0: 72 64 65 72 2d 72 61 64 69 75 73 3a 20 33 70 78  rder-radius: 3px
03f0: 3b 0a 20 20 20 20 62 61 63 6b 67 72 6f 75 6e 64  ;.    background
0400: 2d 63 6f 6c 6f 72 3a 20 68 73 6c 28 30 2c 20 35  -color: hsl(0, 5
0410: 30 25 2c 20 34 30 25 29 3b 0a 20 20 20 20 63 6f  0%, 40%);.    co
0420: 6c 6f 72 3a 20 68 73 6c 28 30 2c 20 31 30 25 2c  lor: hsl(0, 10%,
0430: 20 39 36 25 29 3b 0a 7d 0a 2e 64 69 63 74 5f 73   96%);.}..dict_s
0440: 65 63 74 69 6f 6e 20 7b 0a 20 20 20 20 70 61 64  ection {.    pad
0450: 64 69 6e 67 3a 20 31 30 70 78 3b 0a 20 20 20 20  ding: 10px;.    
0460: 6d 61 72 67 69 6e 2d 62 6f 74 74 6f 6d 3a 20 31  margin-bottom: 1
0470: 30 70 78 3b 0a 20 20 20 20 62 6f 72 64 65 72 2d  0px;.    border-
0480: 72 61 64 69 75 73 3a 20 35 70 78 3b 0a 7d 0a 2e  radius: 5px;.}..
0490: 64 69 63 74 5f 73 65 63 74 69 6f 6e 20 6c 61 62  dict_section lab
04a0: 65 6c 20 7b 0a 20 20 20 20 66 6f 6e 74 2d 73 69  el {.    font-si
04b0: 7a 65 3a 20 31 36 70 78 3b 0a 20 20 20 20 6c 69  ze: 16px;.    li
04c0: 6e 65 2d 68 65 69 67 68 74 3a 20 32 30 70 78 3b  ne-height: 20px;
04d0: 0a 20 20 20 20 63 6f 6c 6f 72 3a 20 68 73 6c 28  .    color: hsl(
04e0: 32 31 30 2c 20 32 30 25 2c 20 35 30 25 29 3b 0a  210, 20%, 50%);.
04f0: 20 20 20 20 66 6f 6e 74 2d 77 65 69 67 68 74 3a      font-weight:
0500: 20 62 6f 6c 64 3b 0a 7d 0a 2e 64 69 63 74 5f 64   bold;.}..dict_d
0510: 65 73 63 72 69 70 74 69 6f 6e 20 7b 0a 20 20 20  escription {.   
0520: 20 70 61 64 64 69 6e 67 3a 20 35 70 78 20 30 20   padding: 5px 0 
0530: 30 20 32 30 70 78 3b 0a 20 20 20 20 63 6f 6c 6f  0 20px;.    colo
0540: 72 3a 20 68 73 6c 28 30 2c 20 30 25 2c 20 30 25  r: hsl(0, 0%, 0%
0550: 29 3b 0a 7d 0a 0a 23 68 65 6c 70 5f 73 65 63 74  );.}..#help_sect
0560: 69 6f 6e 20 7b 0a 20 20 20 20 62 61 63 6b 67 72  ion {.    backgr
0570: 6f 75 6e 64 2d 63 6f 6c 6f 72 3a 20 68 73 6c 28  ound-color: hsl(
0580: 30 2c 20 30 25 2c 20 39 38 25 29 3b 0a 20 20 20  0, 0%, 98%);.   
0590: 20 70 61 64 64 69 6e 67 3a 20 31 30 70 78 3b 0a   padding: 10px;.
05a0: 7d 0a 0a 23 73 70 65 6c 6c 69 6e 67 5f 73 65 63  }..#spelling_sec
05b0: 74 69 6f 6e 20 7b 0a 20 20 20 20 64 69 73 70 6c  tion {.    displ
05c0: 61 79 3a 20 6e 6f 6e 65 3b 0a 20 20 20 20 62 61  ay: none;.    ba
05d0: 63 6b 67 72 6f 75 6e 64 2d 63 6f 6c 6f 72 3a 20  ckground-color: 
05e0: 68 73 6c 28 30 2c 20 30 25 2c 20 39 38 25 29 3b  hsl(0, 0%, 98%);
05f0: 0a 20 20 20 20 70 61 64 64 69 6e 67 3a 20 31 30  .    padding: 10
0600: 70 78 3b 0a 7d 0a 0a 23 67 72 61 6d 6d 61 72 5f  px;.}..#grammar_
0610: 73 65 63 74 69 6f 6e 20 7b 0a 20 20 20 20 64 69  section {.    di
0620: 73 70 6c 61 79 3a 20 6e 6f 6e 65 3b 0a 20 20 20  splay: none;.   
0630: 20 62 61 63 6b 67 72 6f 75 6e 64 2d 63 6f 6c 6f   background-colo
0640: 72 3a 20 68 73 6c 28 30 2c 20 30 25 2c 20 39 38  r: hsl(0, 0%, 98
0650: 25 29 3b 0a 20 20 20 20 70 61 64 64 69 6e 67 3a  %);.    padding:
0660: 20 31 30 70 78 3b 0a 7d 0a 0a 2e 6f 70 74 5f 73   10px;.}...opt_s
0670: 75 62 73 65 63 74 69 6f 6e 20 7b 0a 20 20 20 20  ubsection {.    
0680: 6d 61 72 67 69 6e 3a 20 35 70 78 20 30 3b 0a 20  margin: 5px 0;. 
0690: 20 20 20 70 61 64 64 69 6e 67 3a 20 31 30 70 78     padding: 10px
06a0: 3b 0a 20 20 20 20 62 61 63 6b 67 72 6f 75 6e 64  ;.    background
06b0: 2d 63 6f 6c 6f 72 3a 20 68 73 6c 28 30 2c 20 30  -color: hsl(0, 0
06c0: 25 2c 20 39 32 25 29 3b 0a 20 20 20 20 62 6f 72  %, 92%);.    bor
06d0: 64 65 72 2d 72 61 64 69 75 73 3a 20 33 70 78 3b  der-radius: 3px;
06e0: 0a 7d 0a 0a 2e 6f 70 74 5f 73 75 62 73 65 63 74  .}...opt_subsect
06f0: 69 6f 6e 20 68 32 20 7b 0a 20 20 20 20 63 6f 6c  ion h2 {.    col
0700: 6f 72 3a 20 68 73 6c 28 32 31 30 2c 20 33 30 25  or: hsl(210, 30%
0710: 2c 20 35 30 25 29 3b 0a 20 20 20 20 6d 61 72 67  , 50%);.    marg
0720: 69 6e 2d 62 6f 74 74 6f 6d 3a 20 33 70 78 3b 0a  in-bottom: 3px;.
0730: 20 20 20 20 66 6f 6e 74 2d 73 69 7a 65 3a 20 31      font-size: 1
0740: 36 70 78 3b 0a 20 20 20 20 66 6f 6e 74 2d 66 61  6px;.    font-fa
0750: 6d 69 6c 79 3a 20 22 54 72 65 62 75 63 68 65 74  mily: "Trebuchet
0760: 20 4d 53 22 2c 20 73 61 6e 73 2d 73 65 72 69 66   MS", sans-serif
0770: 3b 0a 7d 0a 2e 6f 70 74 5f 73 75 62 73 65 63 74  ;.}..opt_subsect
0780: 69 6f 6e 20 70 20 7b 0a 20 20 20 20 70 61 64 64  ion p {.    padd
0790: 69 6e 67 3a 20 32 70 78 20 33 70 78 3b 0a 20 20  ing: 2px 3px;.  
07a0: 20 20 64 69 73 70 6c 61 79 3a 66 6c 65 78 3b 0a    display:flex;.
07b0: 20 20 20 20 61 6c 69 67 6e 2d 69 74 65 6d 73 3a      align-items:
07c0: 63 65 6e 74 65 72 3b 0a 7d 0a 2e 6f 70 74 5f 73  center;.}..opt_s
07d0: 75 62 73 65 63 74 69 6f 6e 20 70 3a 68 6f 76 65  ubsection p:hove
07e0: 72 20 7b 0a 20 20 20 20 62 61 63 6b 67 72 6f 75  r {.    backgrou
07f0: 6e 64 2d 63 6f 6c 6f 72 3a 20 68 73 6c 28 32 31  nd-color: hsl(21
0800: 30 2c 20 31 30 25 2c 20 38 36 25 29 3b 0a 20 20  0, 10%, 86%);.  
0810: 20 20 62 6f 72 64 65 72 2d 72 61 64 69 75 73 3a    border-radius:
0820: 20 32 70 78 3b 0a 7d 0a 2e 6f 70 74 5f 73 75 62   2px;.}..opt_sub
0830: 73 65 63 74 69 6f 6e 20 6c 61 62 65 6c 20 7b 0a  section label {.
0840: 20 20 20 20 66 6c 65 78 3a 20 31 3b 0a 7d 0a 2e      flex: 1;.}..
0850: 6f 70 74 5f 73 75 62 73 65 63 74 69 6f 6e 20 69  opt_subsection i
0860: 6e 70 75 74 20 7b 0a 20 20 20 20 6f 72 64 65 72  nput {.    order
0870: 3a 20 31 0a 7d 0a 0a 23 67 72 61 6d 6d 61 72 5f  : 1.}..#grammar_
0880: 73 65 63 74 69 6f 6e 20 61 20 7b 0a 20 20 20 20  section a {.    
0890: 70 61 64 64 69 6e 67 3a 20 35 70 78 20 31 30 70  padding: 5px 10p
08a0: 78 3b 0a 20 20 20 20 62 61 63 6b 67 72 6f 75 6e  x;.    backgroun
08b0: 64 2d 63 6f 6c 6f 72 3a 20 68 73 6c 28 32 31 30  d-color: hsl(210
08c0: 2c 20 34 30 25 2c 20 35 30 25 29 3b 0a 20 20 20  , 40%, 50%);.   
08d0: 20 63 6f 6c 6f 72 3a 20 68 73 6c 28 30 2c 20 30   color: hsl(0, 0
08e0: 25 2c 20 39 36 25 29 3b 0a 20 20 20 20 74 65 78  %, 96%);.    tex
08f0: 74 2d 64 65 63 6f 72 61 74 69 6f 6e 3a 20 6e 6f  t-decoration: no
0900: 6e 65 3b 0a 20 20 20 20 62 6f 72 64 65 72 2d 72  ne;.    border-r
0910: 61 64 69 75 73 3a 20 33 70 78 3b 0a 20 20 20 20  adius: 3px;.    
0920: 66 6f 6e 74 2d 73 69 7a 65 3a 20 31 36 70 78 3b  font-size: 16px;
0930: 0a 7d 0a 23 67 72 61 6d 6d 61 72 5f 73 65 63 74  .}.#grammar_sect
0940: 69 6f 6e 20 61 3a 68 6f 76 65 72 20 7b 0a 20 20  ion a:hover {.  
0950: 20 20 62 61 63 6b 67 72 6f 75 6e 64 2d 63 6f 6c    background-col
0960: 6f 72 3a 20 68 73 6c 28 32 31 30 2c 20 35 30 25  or: hsl(210, 50%
0970: 2c 20 34 30 25 29 3b 0a 20 20 20 20 63 6f 6c 6f  , 40%);.    colo
0980: 72 3a 20 63 6f 6c 6f 72 3a 20 68 73 6c 28 30 2c  r: color: hsl(0,
0990: 20 31 30 25 2c 20 39 38 25 29 3b 0a 7d 0a 0a 61   10%, 98%);.}..a
09a0: 2e 62 6c 75 65 62 75 74 74 6f 6e 20 7b 0a 20 20  .bluebutton {.  
09b0: 20 20 70 61 64 64 69 6e 67 3a 20 32 70 78 20 35    padding: 2px 5
09c0: 70 78 3b 0a 20 20 20 20 62 61 63 6b 67 72 6f 75  px;.    backgrou
09d0: 6e 64 2d 63 6f 6c 6f 72 3a 20 68 73 6c 28 32 31  nd-color: hsl(21
09e0: 30 2c 20 34 30 25 2c 20 35 30 25 29 3b 0a 20 20  0, 40%, 50%);.  
09f0: 20 20 63 6f 6c 6f 72 3a 20 68 73 6c 28 32 31 30    color: hsl(210
0a00: 2c 20 30 25 2c 20 39 36 25 29 3b 0a 20 20 20 20  , 0%, 96%);.    
0a10: 74 65 78 74 2d 64 65 63 6f 72 61 74 69 6f 6e 3a  text-decoration:
0a20: 20 6e 6f 6e 65 3b 0a 20 20 20 20 62 6f 72 64 65   none;.    borde
0a30: 72 2d 72 61 64 69 75 73 3a 20 33 70 78 3b 0a 7d  r-radius: 3px;.}
0a40: 0a 61 2e 62 6c 75 65 62 75 74 74 6f 6e 3a 68 6f  .a.bluebutton:ho
0a50: 76 65 72 20 7b 0a 20 20 20 20 62 61 63 6b 67 72  ver {.    backgr
0a60: 6f 75 6e 64 2d 63 6f 6c 6f 72 3a 20 68 73 6c 28  ound-color: hsl(
0a70: 32 31 30 2c 20 35 30 25 2c 20 35 35 25 29 3b 0a  210, 50%, 55%);.
0a80: 20 20 20 20 63 6f 6c 6f 72 3a 20 68 73 6c 28 32      color: hsl(2
0a90: 31 30 2c 20 30 25 2c 20 31 30 30 25 29 3b 0a 7d  10, 0%, 100%);.}
0aa0: 0a 0a 61 2e 72 65 64 62 75 74 74 6f 6e 20 7b 0a  ..a.redbutton {.
0ab0: 20 20 20 20 70 61 64 64 69 6e 67 3a 20 32 70 78      padding: 2px
0ac0: 20 35 70 78 3b 0a 20 20 20 20 62 61 63 6b 67 72   5px;.    backgr
0ad0: 6f 75 6e 64 2d 63 6f 6c 6f 72 3a 20 68 73 6c 28  ound-color: hsl(
0ae0: 30 2c 20 34 30 25 2c 20 35 30 25 29 3b 0a 20 20  0, 40%, 50%);.  
0af0: 20 20 63 6f 6c 6f 72 3a 20 68 73 6c 28 30 2c 20    color: hsl(0, 
0b00: 30 25 2c 20 39 36 25 29 3b 0a 20 20 20 20 74 65  0%, 96%);.    te
0b10: 78 74 2d 64 65 63 6f 72 61 74 69 6f 6e 3a 20 6e  xt-decoration: n
0b20: 6f 6e 65 3b 0a 20 20 20 20 62 6f 72 64 65 72 2d  one;.    border-
0b30: 72 61 64 69 75 73 3a 20 33 70 78 3b 0a 7d 0a 61  radius: 3px;.}.a
0b40: 2e 72 65 64 62 75 74 74 6f 6e 3a 68 6f 76 65 72  .redbutton:hover
0b50: 20 7b 0a 20 20 20 20 62 61 63 6b 67 72 6f 75 6e   {.    backgroun
0b60: 64 2d 63 6f 6c 6f 72 3a 20 68 73 6c 28 30 2c 20  d-color: hsl(0, 
0b70: 35 30 25 2c 20 35 35 25 29 3b 0a 20 20 20 20 63  50%, 55%);.    c
0b80: 6f 6c 6f 72 3a 20 68 73 6c 28 30 2c 20 30 25 2c  olor: hsl(0, 0%,
0b90: 20 31 30 30 25 29 3b 0a 7d 0a 0a 61 2e 67 72 65   100%);.}..a.gre
0ba0: 65 6e 62 75 74 74 6f 6e 20 7b 0a 20 20 20 20 70  enbutton {.    p
0bb0: 61 64 64 69 6e 67 3a 20 32 70 78 20 35 70 78 3b  adding: 2px 5px;
0bc0: 0a 20 20 20 20 62 61 63 6b 67 72 6f 75 6e 64 2d  .    background-
0bd0: 63 6f 6c 6f 72 3a 20 68 73 6c 28 31 35 30 2c 20  color: hsl(150, 
0be0: 34 30 25 2c 20 34 30 25 29 3b 0a 20 20 20 20 63  40%, 40%);.    c
0bf0: 6f 6c 6f 72 3a 20 68 73 6c 28 31 35 30 2c 20 30  olor: hsl(150, 0
0c00: 25 2c 20 39 36 25 29 3b 0a 20 20 20 20 74 65 78  %, 96%);.    tex
0c10: 74 2d 64 65 63 6f 72 61 74 69 6f 6e 3a 20 6e 6f  t-decoration: no
0c20: 6e 65 3b 0a 20 20 20 20 62 6f 72 64 65 72 2d 72  ne;.    border-r
0c30: 61 64 69 75 73 3a 20 33 70 78 3b 0a 7d 0a 61 2e  adius: 3px;.}.a.
0c40: 67 72 65 65 6e 62 75 74 74 6f 6e 3a 68 6f 76 65  greenbutton:hove
0c50: 72 20 7b 0a 20 20 20 20 62 61 63 6b 67 72 6f 75  r {.    backgrou
0c60: 6e 64 2d 63 6f 6c 6f 72 3a 20 68 73 6c 28 31 35  nd-color: hsl(15
0c70: 30 2c 20 35 30 25 2c 20 34 35 25 29 3b 0a 20 20  0, 50%, 45%);.  
0c80: 20 20 63 6f 6c 6f 72 3a 20 68 73 6c 28 30 2c 20    color: hsl(0, 
0c90: 30 25 2c 20 31 30 30 25 29 3b 0a 7d 0a 0a 61 2e  0%, 100%);.}..a.
0ca0: 73 69 6d 70 6c 65 6c 69 6e 6b 20 7b 0a 20 20 20  simplelink {.   
0cb0: 20 63 6f 6c 6f 72 3a 20 68 73 6c 28 31 38 30 2c   color: hsl(180,
0cc0: 20 35 30 25 2c 20 32 30 25 29 3b 0a 20 20 20 20   50%, 20%);.    
0cd0: 74 65 78 74 2d 64 65 63 6f 72 61 74 69 6f 6e 3a  text-decoration:
0ce0: 20 6e 6f 6e 65 3b 0a 20 20 20 20 74 65 78 74 2d   none;.    text-
0cf0: 73 68 61 64 6f 77 3a 20 30 20 30 20 31 70 78 20  shadow: 0 0 1px 
0d00: 68 73 6c 28 31 38 30 2c 20 32 30 25 2c 20 35 30  hsl(180, 20%, 50
0d10: 25 29 3b 0a 7d 0a 61 2e 73 69 6d 70 6c 65 6c 69  %);.}.a.simpleli
0d20: 6e 6b 3a 68 6f 76 65 72 20 7b 0a 20 20 20 20 63  nk:hover {.    c
0d30: 6f 6c 6f 72 3a 20 68 73 6c 28 31 38 30 2c 20 38  olor: hsl(180, 8
0d40: 30 25 2c 20 32 30 25 29 3b 0a 20 20 20 20 74 65  0%, 20%);.    te
0d50: 78 74 2d 73 68 61 64 6f 77 3a 20 30 20 30 20 31  xt-shadow: 0 0 1
0d60: 70 78 20 68 73 6c 28 31 38 30 2c 20 35 30 25 2c  px hsl(180, 50%,
0d70: 20 31 30 25 29 3b 0a 7d 0a 0a 66 6f 6f 74 65 72   10%);.}..footer
0d80: 23 70 72 6f 6d 6f 20 7b 0a 20 20 20 20 62 61 63  #promo {.    bac
0d90: 6b 67 72 6f 75 6e 64 2d 63 6f 6c 6f 72 3a 20 68  kground-color: h
0da0: 73 6c 28 30 2c 20 30 25 2c 20 39 32 25 29 3b 0a  sl(0, 0%, 92%);.
0db0: 20 20 20 20 62 6f 72 64 65 72 2d 74 6f 70 3a 20      border-top: 
0dc0: 31 70 78 20 73 6f 6c 69 64 20 68 73 6c 28 30 2c  1px solid hsl(0,
0dd0: 20 30 25 2c 20 38 36 25 29 3b 0a 20 20 20 20 70   0%, 86%);.    p
0de0: 61 64 64 69 6e 67 3a 20 32 30 70 78 3b 0a 7d 0a  adding: 20px;.}.
0df0: 0a 66 6f 6f 74 65 72 23 74 68 61 6e 6b 73 20 7b  .footer#thanks {
0e00: 0a 20 20 20 20 62 61 63 6b 67 72 6f 75 6e 64 2d  .    background-
0e10: 63 6f 6c 6f 72 3a 20 68 73 6c 28 30 2c 20 30 25  color: hsl(0, 0%
0e20: 2c 20 38 36 25 29 3b 0a 20 20 20 20 62 6f 72 64  , 86%);.    bord
0e30: 65 72 2d 74 6f 70 3a 20 31 70 78 20 73 6f 6c 69  er-top: 1px soli
0e40: 64 20 68 73 6c 28 30 2c 20 30 25 2c 20 38 30 25  d hsl(0, 0%, 80%
0e50: 29 3b 0a 20 20 20 20 70 61 64 64 69 6e 67 3a 20  );.    padding: 
0e60: 31 35 70 78 20 31 35 70 78 3b 0a 7d 0a 66 6f 6f  15px 15px;.}.foo
0e70: 74 65 72 23 74 68 61 6e 6b 73 20 70 20 7b 0a 20  ter#thanks p {. 
0e80: 20 20 20 6d 61 72 67 69 6e 3a 20 33 70 78 20 30     margin: 3px 0
0e90: 3b 0a 20 20 20 20 66 6f 6e 74 2d 73 69 7a 65 3a  ;.    font-size:
0ea0: 20 31 34 70 78 3b 0a 7d 0a 0a                     14px;.}..