/*
File Name: style.less
Date: 03/03/21
Programmer: Denise Martinez
*/
/* Wonderland color palette from https://www.colourlovers.com/palette/1035600/w_n_d_e_r_l_a_n_d */
/*  text and background colors */
/* MOBILE STYLESHEET */
img,
video {
  max-width: 100%;
  height: auto;
}
body {
  font-family: 'PT Serif', serif;
  font-size: 16px;
  line-height: 1.5em;
  background-color: #FFFFFF;
  color: #2C0D1A;
}
a:link {
  color: #C8CE13;
}
a:visited {
  color: #F8F5C1;
}
nav {
  color: #DE1A72;
}
a:link {
  color: #2C0D1A;
}
a:visited {
  color: #349E97;
}
header {
  color: #2C0D1A;
}
a:link {
  color: #C8CE13;
}
a:visited {
  color: #F8F5C1;
}
footer {
  background-color: #FFFFFF;
}
a:link {
  color: #2C0D1A;
}
a:visited {
  color: #F8F5C1;
}
main,
header,
footer,
nav {
  padding: 1em;
}
h1,
h2,
h3 {
  font-weight: bold;
}
h1 {
  font-size: 1.8em;
  color: #C8CE13;
}
h2 {
  font-size: 1.4em;
  color: #2C0D1A;
}
footer h2 {
  color: #FFFFFF;
}
footer h3 {
  font-size: 1.1em;
  color: #DE1A72;
}
ul {
  list-style-position: inside;
  list-style-type: none;
  margin: 0;
  padding: 0;
  padding-left: 1em;
  text-indent: -1em;
}
li {
  line-height: 1.5em;
}
em {
  font-style: italic;
}
pre {
  font-family: "Courier New", monospace;
  white-space: pre-wrap;
}
nav {
  list-style-type: none;
  text-align: center;
}
main h2 {
  color: #F8F5C1;
}
header {
  background-color: #349E97;
}
nav {
  background-color: #DE1A72;
  color: #349E97;
}
main {
  color: #2C0D1A;
  padding: 1.5em;
}
footer {
  background-color: #2C0D1A;
}
/*

TABLET STYLESHEET

The following CSS affects all screen sizes larger than 480 pixels wide.

*/
/*

DESKTOP STYLESHEET

The following CSS affects all screen sizes larger than 1024 pixels wide.

*/