@charset "utf-8";
/* CSS Document */

/* Basic reset */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: Segoe UI, sans-serif;
  display: flex;
}

/* Left-side navigation */
.side-nav {
  position: fixed;
  top: 0;
  left: 0;
  width: 200px;
  height: 100vh;
  background-color: #333;
  padding-top: 20px;
}

.side-nav ul {
  list-style: none;
}

.side-nav ul li {
  margin: 10px 0;
}

.side-nav ul li a {
  color: white;
  text-decoration: none;
  padding: 10px 20px;
  display: block;
}

.side-nav ul li a:hover {
  background-color: #555;
}

/* Main content area */
.main-content {
  margin-left: 200px; /* Same as nav width */
  padding: 20px;
  flex-grow: 1;
}