@charset "UTF-8";
/* Let's make a nice body for the page */
body {
  font-family: sans-serif;
  text-align: center;
  font-size: medium;
  color: black;
  margin: 0;
  background: url(/back.jpg);
}
/* No decoration for the links */
a {
  text-decoration: none;
  font-weight: bold;
}
a:link,
a:visited {
  color: black;
}
a:hover {
  border: 3px solid black;
}
/* Allow us to display lists as in a grid */
ul {
  list-style: none;
  margin: 2%;
  padding: 0;
  display: block ruby;
}
li {
  padding: 3%;
  margin: 2%;
  background: #f9dbe0;
}
/* Let's make a nice header for the page */
header {
  padding: 5px 0;
}
main {
  width: 70%;
  margin: auto;
}
/* Responsive mode */
@media (max-width: 1060px) {
  body {
    font-size: small;
  }
}