/* PURPLE MODE : purple.css */

@import "directory.css";

* {
  box-sizing: border-box;
}

body {
  background-color: #603;
  color: lightgrey;
  font-family: Verdana, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
  color: white;
}

.directory .row {
  border: 1px solid lightgrey;
}

#recipes-table .column {
  border: 1px solid lightgrey;
  color: white;
}

#recipes-list .recipe-name {
  color: yellow;
}

#recipes-list .recipe-name:hover {
  color: orange;
}

#recipes-list .recipe-name:focus {
  color: red;
}

#recipes-list .recipe-name:active {
  color: red;
}

a {
  text-decoration: none;
}

a:link {
  color: yellow;
}

a:visited {
  color: yellow;
}

a:hover {
  color: orange;
}

a:active {
  color: red;
}

@media screen and (min-width: 769px) {
  body {
    margin: 0 10vw 0 10vw;
  }
  h1 {
    text-align: center;
  }
}