/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */

body {
            margin: 0;
            padding: 0;
            font-family: 'Courier', sans-serif; /* Customizable font */
            color: #FFFFFF; /* Default link color */
            text-shadow: 0 0 10px #FFFFFF; /* Add white glow effect */
            background-image: url('https://64.media.tumblr.com/cae037c3f3d787029a08e251cc858cd5/d10b9c313230eee4-47/s1280x1920/461bbce6588a2a9967223cde23ae668b3bd9baab.jpg');
            /* Add other background properties as needed */
            background-size: cover;
            background-repeat: no-repeat;
            cursor: url('https://cur.cursors-4u.net/anime/ani-9/ani868.cur'), auto; /* Custom cursor */
        }

        #container {
            max-width: 900px; /* Fixed width container */
            margin:  auto; /* Center the container */
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
            padding: 100px;
        }

        #sidebar-left,
        #sidebar-right {
            width: 200%;
            background-color: rgba(0, 0, 0, 0.7); /* Semi-transparent black */
            padding: 20px;
            color: #DE1999; /* Default link color */
            text-shadow: 0 0 10px #FFFFFF; /* Add white glow effect */
        }

        #main-box {
            flex-grow: 1;
            background-color: rgba(0, 0, 0, 0.7); /* Semi-transparent black */
            padding: 20px;
            margin: 0 20px; /* Adjust as needed */
            color: #FFFFFF; /* Default link color */
            text-align: justify; /* Justify the text */
            font-size: 13px
            
        }

        #title {
            text-align: center;
            margin-bottom: 20px;
            color: #DE1999; /* Default link color */
            text-shadow: 0 0 10px #FFFFFF; /* Add white glow effect */
        }

        #sidebar-left ul {
            list-style-type: none;
            padding: 0;
        }

        #sidebar-left ul li {
            margin-bottom: 10px;
            
        }

        #sidebar-right img {
            max-width: 100%;
            height: auto;
        }

        /* Customizable link styles */
        a {
            text-decoration: none;
            font-weight: bold; /* Make the font bold */
            color: #FFFFFF; /* Default link color */
            transition: color 0.3s;
            cursor: crosshair; /* Customizable cursor */
        }

        a:hover {
            color: #DE1999; /* Link color on hover */
        }