.content {
            position: relative;
            padding: 50px;
            padding-top: 60px;
            overflow-y: auto;
            /* max-height: 75vh;
            scrollbar-width: none; 
            -ms-overflow-style: none;  IE and Edge */
            max-width: 100%;
            color: white;
            background: rgba(0, 0, 0, 0.7); /* Semi-transparent background */
            border-radius: 10px;
            
        }

        .content h1{
            font-size: 2.5em;
            margin: 10px 0;
            padding: 0;
            color: #e70000;
        }

        .content::-webkit-scrollbar {
                display: none; /* Chrome, Safari, Opera */
        }
        .content b {
            color:  #e70000;
           }
        .content ul {
            list-style: none;
        }

        .content span{
            font-size: 19px;
        }
        .content p, .content ul {
            padding-left: 50px;
            width: 90%;
            font-size: 1.3rem;
            font-family: 'Times New Roman', Times, serif;
            font-weight: 400;
            color: rgb(255, 255, 255);
            text-shadow: rgb(255, 32, 32) 1px 1px 2px;
        }

        @media (max-width: 768px) {
            .content {
                max-width: 100%;
            }
            .content p, .content ul {
                padding-left: 20px;
                font-size: 0.8rem;
            }
            .content span{
                font-size: 0.8rem;
            }
        }