// Place all the styles related to the Pets controller here.
// They will automatically be included in application.css.
// You can use Sass (SCSS) here: http://sass-lang.com/
table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 40%;
}

td, th {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 8px;
}

tr:nth-child(even) {
  background-color: #dddddd;
}

/* Add a color to the active/current link */
.petlist {
  width: 60%;
}

a {
  text-decoration: none;
}

/* unvisited link */
td a:link {
  color: blue;
}

/* visited link */
td a:visited {
  color: purple;
}

td a.petshow {
  color: green;
}

/* mouse over link */
td a:hover {
  color: red;
}
