/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */

body {
  background-image: url(https://i.snap.as/yJFGacUZ.jpg);
  background-size: 100%;
  /*background-color: #78d66b;*/
  /*color: #4a25c0;*/
  font-family: sans-serif;
}

title, h1, h2, h3 {
  font-family: Luminari, Lucida, monospace;
}

label {
  display: block;
}

input[type="checkbox"] {
  margin: 0 2em;
}

hr {
  height: 4px;
  background-color: #4a25c0;
  border-color: #78f66b;
  border-width: 3px;
}

textarea {
  width: 100%;
}

.titlebar {
  width: 100%;
  height: 5rem;
  margin-top: 0;
  }

h1 {
  margin-left: 2%;
  display: inline-block;
  vertical-align: middle;
  line-height: normal;
}

.palettegradient {
  background: linear-gradient(90deg, #f2f2dc, #c8e3e1, #557ecf, #4a25c0, #78d66b);
}

.bodybkgd {
  width: 80%;
  max-width: 700px;
  background-color: #c8e3e199;
  /*opacity: 0.95;*/
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
}
p, ul {
  
}

.center {
  display: block;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}

a {
  color: #623dd8;
}
a:visited {
  color: #6e97e8;
}
a:hover {
  color: #f2f2dc;
}
a:active {
  color: #78d66b;
  font-style: italic;
}
/* color palette "bluebell wood" #557ecf mid-blue #4a25c0 purple-blue #78d66b olive green #f2f2dc rose gray #c8e3e1 light blue gray