.code-block {
        white-space: pre-wrap;
        overflow-wrap: break-word;
        overflow: hidden;
        position: relative;
    }

    h3 {
        font-size: 1.25rem;
        font-weight: normal;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .icon-left {
        font-size: 2rem;
        color: #6c757d;
        margin-right: 10px;
    }

    .link-text {
        font-weight: 400;
    }

    pre {
        white-space: normal;
        margin: 0;
        padding: 0;
    }

    .fade-animation {
        opacity: 0;
        animation: fadeIn 0.4s forwards;
        animation-delay: var(--delay);
    }

    @keyframes fadeIn {
        from {
            opacity: 0;
        }
        to {
            opacity: 1;
        }
    }

    .line:nth-child(1) {
        --delay: 0s;
    }
    .line:nth-child(2) {
        --delay: 1.5s;
    }
    .line:nth-child(3) {
        --delay: 3.0s;
    }
    .line:nth-child(4) {
        --delay: 4.5s;
    }
    .line:nth-child(5) {
        --delay: 6.0s;
    }
    .line:nth-child(6) {
        --delay: 7.5s;
    }
    .line:nth-child(6) {
        --delay: 7.5s;
    }