/* See https://karajoe.com/colors.jpg */

/*  color variables  */
:root {
  --choc: #1b0203;
  --ltchoc: #402f32;
  --terra: #833f39;
  --ltterra: #bc6e5a;
  --pumpkin: #d1603f;
  --squash: #e9914e;
  --sand: #ffdc94;
  --eggplant: #51304c;
  --lavender: #684763;
  --berry: #6e1e3e;
  --ketchup: #971d28;
  --chili: #d8352c;
  --peach: #f6a57a;
  --dkteal: #1f2c37;
  --slate: #334059;
  --rainy: #495a6f;
  --midgray: #7f8285;
  --palegray: #c3c6bb;
  --darkmud: #796546;
  --mustard: #baa862;
  --wmgray1: #564952; /* darkest of these 4 */
  --wmgray2: #a28e8d;
  --wmgray3: #d1c6b7;
  --wmgray4: #fbf5dc; /* lightest of these 4*/
  /* Example of use:   color: var(--sand);  */
}

body {
    background-color: var(--dkteal);
    color: var(--palegray); 
    font-family: 'Courier New', Courier, monospace;
    margin: 0;
    padding: 20px;
}

.terminal {
    background-color: var(--eggplant);
    border: 2px solid var(--lavender);
    padding: 20px;
    border-radius: 8px;
    max-width: 600px;
    margin: auto;
}

.header {
    color: var(--sand);  /* headings */
    font-weight: bold;
    font-size: 1.5em;
    margin-bottom: 15px;
	text-align: center;
	margin: auto;
}

.output {
    color: var(--wmgray4); /* text*/
    line-height: 1.6;
    font-size: 1.1em;
	text-align: center;
	margin: auto;
}


 /* unvisited link */
a:link {
  color: var(--sand);
  text-decoration: none;
}

/* visited link */
a:visited {
  color: var(--sand);
  text-decoration: none;
}

/* mouse over link */
a:hover {
  color: var(--pumpkin);
  text-decoration: none;
}

/* selected link */
a:active {
  color: var(--sand);
  text-decoration: none;
}