/* Basic reset */
    * { margin: 0; padding: 0; box-sizing: border-box; }
    body { font-family: sans-serif; }

body {
	color: #000000;
	background-color: #00008B;
	margin: 2;
	font-family: Arial, sans-serif;
	height: 100vh;
	}

a:active	{ color: #8b7e66; }
a:link		{ color: #8b5742; }
a:visited	{ color: #ee9572; }

header {
	display: flex;
	align-items: center;
	gap: 1rem;
	height: 80px;
	background: "misc media/memback.jpg";
	color: #fff;
	padding: 1rem;
	position: sticky;
	top 0;
	}

.container {
	display: flex;
	height: calc(100vh - 80px);
	}

table {
	border-collapse: collapse;
	width: 90%;
	}

td {
	border: 2px solid black;
	padding: 15px;
	}

tr, th {
	border: 0px;
	padding: 6px;
	}

    /* Hamburger button */
    #menu-toggle {
      display: block; /* hidden on desktop */
      background: none;
      border: none;
      cursor: pointer;
      padding: 10px;
    }

    .hamburger line {
      stroke: black;
      stroke-width: 2;
      stroke-linecap: round;
      transition: transform 0.3s ease, opacity 0.2s ease;
    }

    /* Hamburger open state */
    #menu-toggle.open .hamburger line:nth-child(1) {
      transform: translateY(6px) rotate(45deg);
    }

    #menu-toggle.open .hamburger line:nth-child(2) {
      opacity: 0;
    }

    #menu-toggle.open .hamburger line:nth-child(3) {
      transform: translateY(-6px) rotate(-45deg);
    }

    /* Navigation menu */
    nav {
      max-height: 0;              /* hidden by default */
      overflow: hidden;           /* hide overflowing content */
      flex-direction: column;
      background:  "misc media/memback.jp";
      padding: 0 10px;            /* horizontal padding */
      transition: max-height 0.3s ease-out, padding 0.3s ease-out, opacity 0.3s ease-out;
      opacity: 0;
    }

    nav.open {
      max-height: 800px;          /* enough to fit content */
      padding: 10px;
      opacity: 1;
    }

    nav a {
      padding: 5px 0;
      text-decoration: none;
      color: black;
    }

    /* Show hamburger on mobile */
    @media (max-width: 768px) {
      #menu-toggle {
        display: block;
      }
    }