* {
              box-sizing: border-box;
            } 
            
            h3 {
                text-align: left;
                border: 2px dotted white;
                border-radius: 10px;
                padding: 5px;
                margin: 0;
                width: 100%;
            }
            
            h4 {
                padding: 10px;
                padding-bottom: 0px;
                margin-bottom: 0px;
            }
            
            p {
                margin: 0px;
                padding: 10px;
                margin-top: 10px;
                margin-bottom: 10px;
            }


            body {
                background-color: black;
                font-family: "Times New Roman", Times, serif;
                color: white;
                display: grid;
                justify-content: center; 
                align-items: center; 
            }

            #bgmusic {
                position: absolute;
                width: 1px;
                height: 1px;
                opacity: 0;
                pointer-events: none;
                        }

            /* width */
            ::-webkit-scrollbar {
                width: 6px;
            }

            /* Track */
            ::-webkit-scrollbar-track {
                box-shadow: inset 0 0 5px grey; 
                border-radius: 10px;
                background: white; 
            }

            /* Handle */
            ::-webkit-scrollbar-thumb {
                background: #363636; 
                border-radius: 10px;
            }

            /* Handle on hover */
            ::-webkit-scrollbar-thumb:hover {
                background: gray; 
            }
            
            .container {
                background-clip: padding-box;
                background-size: 200px 200px;
                border: transparent 25px solid;
                border: white 3px ridge;
                height: 900px;
                width: 630px;
                align-items: center;
                justify-content: center;
                grid-column-gap: 10px;
                padding: 5px 0;
                display: grid;
                grid-template-areas: 
                    "header header"
                    "sidebarleft content";
            }
            
            .main-header {
                grid-area: header;
                color: black;
                border: white 3px ridge;
                height: 110px;
                width: 600px;
                padding: 25px;
                padding-top: 20px;
                color: white;

            }
            
            
            .sidebar-left {
                grid-area: sidebarleft;
                border: white 3px ridge;
                height: 750px;
                width: 120px;
                overflow-y: hidden;
                align-content: start;
                justify-items: center;
                padding: 15px;
                
            }
            
            .content {
                grid-area: content;
                border: white 3px ridge;
                height: 750px;
                width: 470px;
                align-content: start;
                justify-items: start;
                text-align: left;
                display: grid;
                overflow-x: hidden;
                overflow-y: auto;
                overflow-wrap: break-word;
                padding: 10px;
            }
            
            .content img {
                justify-items: center;
                margin: 0px auto;
                margin-top: 10px;
                margin-bottom: 20px;
            }
            
            .content iframe {
                justify-items: center;
                margin: 0px auto;
                margin-top: 10px;
                margin-bottom: 20px;
            }
            
            .content a {
                justify-items: center;
                margin: 0px auto;
                margin-top: 10px;
                margin-bottom: 20px;
            }
            
            .sidebar-left a {
                margin-bottom: 10px;
                display: block; /* my bad */
            }