/*
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: #000000;
}
body a:link {
  color: #288d86;
}
body a:visited {
  color: #FFFFFF;
}
nav {
  color: #FFFFFF;
}
nav a:link {
  color: #FFFFFF;
}
nav a:visited {
  color: #FFFFFF;
}
header {
  color: #FFFFFF;
}
header a:link {
  color: #FFFFFF;
}
header a:visited {
  color: #FFFFFF;
}
footer {
  background-color: #FFFFFF;
}
footer a:link {
  color: #FFFFFF;
}
footer a:visited {
  color: #FFFFFF;
}
main,
header,
footer,
nav {
  padding: 1em;
}
h1,
h2,
h3 {
  font-weight: bold;
}
h1 {
  font-size: 1.8em;
  color: #FFFFFF;
}
h2 {
  font-size: 1.4em;
  color: #000000;
}
footer h2 {
  color: #FFFFFF;
}
footer h3 {
  font-size: 1.1em;
  color: #FFFFFF;
}
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: #4ECDC4;
}
header {
  background-color: #C7F464;
}
nav {
  background-color: #802b33;
  color: #FF6B6B;
}
main {
  color: #556270;
  padding: 1.5em;
}
footer {
  background-color: #556270;
}
/*

TABLET STYLESHEET

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

*/
@media only screen and (min-width: 481px) {
  main p img {
    float: right;
    max-width: 50%;
    margin-left: 1em;
  }
}
/*

DESKTOP STYLESHEET

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

*/