/* Reset some default styles */
body, h1, h2 {
  
  margin: 0;
  padding: 0;
}

/* Apply a background color to the body */
body {
  background-color: #f2f2f2;
  font-family: Arial, sans-serif;
  text-align: center;
  line-height: 1.6;
}

/* Style the header */
header {
  position: sticky;
  position: -webkit-sticky;
  background-color: #333;
  color: #fff;
  padding: 10px;
}

/* Style the h2 in the header */
header h2 {
  margin: 0;
}

/* Style the main content */
main {
  position: sticky;
  background-color:#3A3A3A;
  padding: 10px;
  border-radius: 0px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

/* Style the h1 in the main content */
main h1 {
  font-size: 24px;
  margin-bottom: 20px;
}
select {
  padding: 10px;
}
/* Style the sketch list */
ul#sketch-list {
  list-style: none;
  padding: 0;
  text-align: left;
  /*margin-left: 20px;*/
  color: #8D8D8D;
 box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

/* Style the sketch list items */
ul#sketch-list li {
  margin: 10px 0;
  color: #8D8D8D;
  background-color: #202020;
  border-radius: 5px;
  
}
ul#sketch-list li:hover { 
 background-color: #5C5C5C; 
 color: #8D8D8D;
box-shadow: 0 0 10px #B3B3B3; 
}
/* Style links within the sketch list */
ul#sketch-list a {
  text-decoration: gainsboro;
  color: #007bff;
  margin: 5px;
}

/* On hover, change link color */
ul#sketch-list a:hover {
  color: #0056b3;
}