body {
 background-image: url("images/stars-2000s.gif");
 background-repeat: repeat;
 background-color: black;   
 color: black;
 font-family: "Comic Sans MS", "Comic Sans";
}

.page {
  width: 760px;
  margin: 20px auto;
  background: #f9d95a;
  border: 6px ridge rgb(100, 47, 135);
  padding: 15px;
}

header {
  text-align: center;
  background:  hwb(89 23% 36%);
  color: rgb(2, 2, 0);
  border: 4px double rgb(225, 223, 214);
  padding: 10px;
}

h1 {
  font-size: 46px;
  margin: 10px;
  color: rgb(255, 255, 0);
  text-decoration:dotted;
}

welcome-banner {
  font-size: 46px;
  margin: 10px;
  color: rgb(0, 0, 0);
  font-weight: bold;

}

.page-subtitle {
  display: block;
  font-size: 36px;
  margin-top: 8px;
}

marquee {
  background: black;
  color: lime;
  font-weight: bold;
  padding: 5px;
}

nav {
  text-align: center;
  background: rgb(100, 47, 135);
  padding: 10px;
  margin-top: 10px;
  border: 3px outset white;
}

nav a {
  color: rgb(3, 3, 0);
  background: hwb(89 23% 36%);
  padding: 6px 12px;
  margin: 4px;
  border: 2px outset white;
  text-decoration:none;
  font-weight: bold;
}

nav a:hover {
  background: hwb(90 14% 61%);
}

.contact-layout {
  display: grid;
  gap: 18px;
  grid-template-columns: 190px 1fr;
  align-items: center;
}

.contact-logo {
  width: 170px;
  max-width: 100%;
  background: #ffffcc;
  border: 3px ridge  rgb(100, 47, 135);
  padding: 8px;
}

.big-email {
  font-size: 30px;
  font-weight: bold;
  word-break: break-word;
}

.button-link {
  display: inline-block;
  color: yellow;
  background: blue;
  border: 3px outset white;
  font-weight: bold;
  padding: 8px 14px;
  text-decoration: none;
}

.button-link:hover {
  background: red;
}

.contact-checklist li {
  margin: 8px 0;
}

section {
  background: rgb(219, 216, 202);
  border: 3px groove gray;
  margin: 15px 0;
  padding: 12px;
}

h2 {
  color:rgb(0, 0, 0);
  background: hwb(89 23% 36%);
  border-bottom: 3px dashed  rgb(100, 47, 135);
  padding: 5px;
}

table {
  width: 100%;
  border-collapse: collapse;
  background: #eeeeff;
  box-shadow: 5px 5px 5px #999;
}

th {
  background:  rgb(100, 47, 135);
  color: white;
}

td, th {
  border: 2px solid black;
  padding: 8px;
}

footer {
  text-align: center;
  font-size: 14px;
  background: black;
  color: lime;
  padding: 8px;
  border: 2px inset gray;
}

.full-repair-menu {
  background: rgb(219, 216, 202);
  border: 3px groove gray;
  margin: 20px 0;
  padding: 18px;
  box-shadow: 5px 5px 5px #999;
}

.menu-title,
.category-title {
  color: black;
}

.menu-title {
  font-size: 30px;
  margin: 0 0 20px 0;
}

.repair-category {
  margin: 25px 0;
  padding: 12px;
  border: 3px ridge gray;
  background:rgb(219, 216, 202);
  box-shadow: 5px 5px 5px #999;
}

.category-title {
  font-size: 25px;
  margin: 0 0 15px 0;
}

.repair-table {
  width: 80%;
  margin: 0 auto 20px auto;
  border-collapse: collapse;
  background:  #eeeeff;;
  box-shadow: 5px 5px 5px #999;
}

.repair-table th {
  background:  rgb(100, 47, 135);
  color: white;
}

.repair-table td,
.repair-table th {
  border: 2px solid black;
  padding: 8px;
}

.notes-box {
  background: #ffffcc;
  border: 3px inset gray;
  padding: 8px;
}

.notes-box ul {
  margin: 4px 0 0 0;
  padding-left: 20px;
}