body {
    background-image: url(images/space1.gif);
    color: white;
    font-family: 'Courier New', Courier, monospace
}

h1 {
    font-size: 50px;
    text-align: center;
    text-shadow: 4px 4px 4px lightskyblue;
}

.sidebar {
    height: 100%; /* makes it take up the full height of the page */
    width: 180px; /* sidebar width */
    position: fixed; /* makes it stay in place when scrolling */
    z-index: 1; /* puts it on top of other content layers */
    top: 0; /* positions it at the top of the page */
    left: 0; /* positions it on the left side of the page */
    background-color: black; /* sidebar color */
    overflow-x: hidden; /* hides horizontal scrollbar */
    padding-top: 20px; /* adds some padding at the top of the sidebar */
    padding-left: 5px; /* adds some padding on the left side of the sidebar */
    border-right: 1px solid darkslateblue; /* adds a border on the right side of the sidebar */
}

/* sidebar link styles */
.sidebar a {
    padding: 10px 15px; /* adds padding around the link text */
    text-decoration: none; /* removes underline from links */
    font-size: 25px; /* sets the font size of the links */
    color: white; /* sets the link color */
    display: block; /* makes the links take up the full width of the sidebar */
}

/* Changes color when hovering over sidebar links */
.sidebar a:hover {
  color: lightskyblue;
}

/* Main page style */
.main {
  margin-left: 180px; /* Same as the width of the sidebar */
  padding: 0px 10px;
}