/* BUTTER MODE : butter.css */

@import "directory.css";

* {
  box-sizing: border-box;
}

body {
  background-color: #fdfd96;
  background-image: linear-gradient(#fdfd96, #ffffff, #fdfd96);
  color: #505050;
  font-family: Verdana, sans-serif;
}

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

.directory .row {
  border: 1px solid #505050;
}

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

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

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

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

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

a {
  text-decoration: none;
}

a:link {
  color: #ff4916;
}

a:visited {
  color: #ff4916;
}

a:hover {
  color: darkorange;
}

a:active {
  color: palevioletred;
}

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