:root {
          --background-color: #1a2424;
          --text-color: white;
          --link-color: lightblue;
        }

        body {
          background-color: var(--background-color);
          color: var(--text-color);
        }

        .div-50 {
          width: 50%;
          position: relative;
          margin: 0 auto; /* Center the container */
          overflow-x: auto; /* Enable horizontal scrolling if needed */
          overflow-y: auto;
        }

        a {
          color: var(--link-color);
        }

        .center {
          text-align: center;
        }

        .container {
          background-color: black; /* Set the desired background color */
          display: inline-block; /* Ensure the container only takes the space it needs */
        }

        h1, h2 {
            color: #d5f0e5;
        }
        h3 {
            color: #d5f0e5;
        }
        h1 {
            border-bottom: 2px solid #333;
            padding-bottom: 10px;
        }
        h2 {
            margin-top: 30px;
        }