.elementor-433 .elementor-element.elementor-element-46acb1f6{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--overlay-opacity:0.35;--margin-top:-165px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:275px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-433 .elementor-element.elementor-element-46acb1f6:not(.elementor-motion-effects-element-type-background), .elementor-433 .elementor-element.elementor-element-46acb1f6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1D1D49;}.elementor-433 .elementor-element.elementor-element-46acb1f6::before, .elementor-433 .elementor-element.elementor-element-46acb1f6 > .elementor-background-video-container::before, .elementor-433 .elementor-element.elementor-element-46acb1f6 > .e-con-inner > .elementor-background-video-container::before, .elementor-433 .elementor-element.elementor-element-46acb1f6 > .elementor-background-slideshow::before, .elementor-433 .elementor-element.elementor-element-46acb1f6 > .e-con-inner > .elementor-background-slideshow::before, .elementor-433 .elementor-element.elementor-element-46acb1f6 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-text );--background-overlay:'';}.elementor-433 .elementor-element.elementor-element-6c338aaa{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-433 .elementor-element.elementor-element-6c338aaa.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-433 .elementor-element.elementor-element-180d4aac{width:var( --container-widget-width, 10% );max-width:10%;--container-widget-width:10%;--container-widget-flex-grow:0;text-align:center;}.elementor-433 .elementor-element.elementor-element-180d4aac > .elementor-widget-container{margin:0px 0px 145px 0px;}.elementor-433 .elementor-element.elementor-element-180d4aac.elementor-element{--align-self:center;}.elementor-433 .elementor-element.elementor-element-180d4aac img{width:75%;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-433 .elementor-element.elementor-element-7716eb62{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;text-align:center;}.elementor-433 .elementor-element.elementor-element-7716eb62 > .elementor-widget-container{margin:0px 0px 279px 0px;}.elementor-433 .elementor-element.elementor-element-7716eb62 .elementor-heading-title{font-family:"Libre Baskerville", Sans-serif;font-size:35px;color:#FBBF24;}.elementor-433 .elementor-element.elementor-element-2fcb0827{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-433 .elementor-element.elementor-element-2fcb0827:not(.elementor-motion-effects-element-type-background), .elementor-433 .elementor-element.elementor-element-2fcb0827 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1D1D49;}.elementor-433 .elementor-element.elementor-element-251cf6c3{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:100px 100px;--row-gap:100px;--column-gap:100px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-433 .elementor-element.elementor-element-251cf6c3.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-433 .elementor-element.elementor-element-52659540{--display:flex;--justify-content:space-between;--gap:50px 50px;--row-gap:50px;--column-gap:50px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-433 .elementor-element.elementor-element-52659540.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-433 .elementor-element.elementor-element-50d4952{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-433 .elementor-element.elementor-element-617c1b1{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-433 .elementor-element.elementor-element-617c1b1.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-433 .elementor-element.elementor-element-a248189 .elementor-heading-title{font-family:"Libre Baskerville", Sans-serif;font-size:28px;font-weight:400;color:#FBBF24;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-433 .elementor-element.elementor-element-5b0a2a0{font-family:"Roboto", Sans-serif;font-weight:400;line-height:29px;}.elementor-433 .elementor-element.elementor-element-b5f34fc{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-433 .elementor-element.elementor-element-06930a1{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;overflow:visible;}.elementor-433 .elementor-element.elementor-element-06930a1:not(.elementor-motion-effects-element-type-background), .elementor-433 .elementor-element.elementor-element-06930a1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#3B3B92;}@media(min-width:768px){.elementor-433 .elementor-element.elementor-element-6c338aaa{--width:41.656%;}.elementor-433 .elementor-element.elementor-element-251cf6c3{--width:19.75%;}.elementor-433 .elementor-element.elementor-element-52659540{--width:100.58%;}.elementor-433 .elementor-element.elementor-element-617c1b1{--width:53.524%;}}@media(max-width:1024px){.elementor-433 .elementor-element.elementor-element-46acb1f6{--padding-top:275px;--padding-bottom:100px;--padding-left:30px;--padding-right:30px;}.elementor-433 .elementor-element.elementor-element-2fcb0827{--padding-top:100px;--padding-bottom:100px;--padding-left:30px;--padding-right:30px;}.elementor-433 .elementor-element.elementor-element-251cf6c3{--gap:50px 50px;--row-gap:50px;--column-gap:50px;}.elementor-433 .elementor-element.elementor-element-50d4952{--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-433 .elementor-element.elementor-element-617c1b1{--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-433 .elementor-element.elementor-element-b5f34fc{--gap:10px 10px;--row-gap:10px;--column-gap:10px;}}@media(max-width:767px){.elementor-433 .elementor-element.elementor-element-46acb1f6{--padding-top:250px;--padding-bottom:100px;--padding-left:20px;--padding-right:20px;}.elementor-433 .elementor-element.elementor-element-6c338aaa{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-433 .elementor-element.elementor-element-7716eb62{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;text-align:center;}.elementor-433 .elementor-element.elementor-element-2fcb0827{--padding-top:100px;--padding-bottom:100px;--padding-left:20px;--padding-right:20px;}.elementor-433 .elementor-element.elementor-element-251cf6c3{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}}/* Start custom CSS for text-editor, class: .elementor-element-5b0a2a0 */<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Bulleted List</title>
    <!-- Tailwind CSS CDN (if using Tailwind on your site) -->
    <script src="https://cdn.tailwindcss.com"></script>
    <style>
        /* Custom font for a clean look */
        @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap');
        body {
            font-family: 'Inter', sans-serif;
            background-color: #54595f; /* Example background for standalone viewing */
            color: #ffffff;
            /* Removed min-height and centering flex properties from body to reduce wasted space */
            /* Removed padding from body to allow container to control its own spacing */
        }

        /* Custom bullet point styling */
        .custom-bullet-list {
            list-style: none; /* Remove default bullet */
            padding-left: 25px; /* Increased padding for the custom bullet to ensure visibility */
        }

        .custom-bullet-list li {
            position: relative; /* Needed for positioning the ::before pseudo-element */
            margin-bottom: 8px; /* Slightly reduced spacing between list items */
            padding-left: 15px; /* Space for the bullet itself */
        }

        .custom-bullet-list li::before {
            content: ''; /* Required for pseudo-elements */
            position: absolute;
            left: 5px; /* Adjusted position to ensure bullet is visible within padding */
            top: 0.6em; /* Adjusted vertically to center with text, based on common line-height */
            width: 4px; /* Bullet width */
            height: 4px; /* Bullet height */
            background-color: #fbbf24; /* Changed bullet color to yellow for better contrast */
            border-radius: 50%; /* Makes it a circle */
        }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1bdafaa */<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>A Brother's Lens: A Poem</title>
    <!-- Tailwind CSS CDN -->
    <script src="https://cdn.tailwindcss.com"></script>
    <style>
        /* Custom fonts for a polished look */
        @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap'); /* Added 500 weight for Inter */
        @import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap');

        body {
            font-family: 'Inter', sans-serif;
            background-color: #54595f; /* Example background for standalone viewing */
            color: #ffffff;
            /* Removed flex centering from body as container will manage width */
            min-height: 100vh;
            padding: 0; /* Removed padding from body */
            margin: 0; /* Removed margin from body */
        }

        .poem-container {
            width: 100%; /* Set to full width */
            max-width: 100%; /* Ensure it doesn't exceed 100% */
            margin: auto; /* Keep auto margins for potential centering if parent is smaller */
            padding: 20px; /* Added internal padding for content */
            background-color: rgba(0, 0, 0, 0.3); /* Slightly transparent background for readability */
            border-radius: 8px;
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
        }

        .poem-title {
            font-family: 'Libre Baskerville', serif;
            font-size: 2.5rem; /* Increased to a large size (text-4xl equivalent) */
            font-weight: 700; /* font-bold */
            color: #fbbf24; /* text-yellow-400 */
            margin-bottom: 1.5rem; /* mb-6 */
            text-align: center; /* Explicitly center title */
        }

        .poem-stanza {
            font-family: 'Inter', sans-serif;
            font-size: 1rem; /* Slightly larger (text-base equivalent) */
            line-height: 1.6; /* leading-relaxed */
            color: #ffffff; /* text-white */
            margin-bottom: 1rem; /* mb-4 */
            font-weight: 500; /* Changed to medium weight */
            text-align: center; /* Centered text */
        }

        .poem-stanza img {
            width: 100%; /* Image now takes full width of its container */
            max-width: 100%; /* Ensure it doesn't exceed 100% */
            height: auto;
            border-radius: 8px; /* Rounded corners for the image */
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); /* Subtle shadow */
            margin-bottom: 1rem; /* Add some margin below the image */
        }

        .poem-signature {
            font-family: 'Inter', sans-serif;
            font-size: 1rem; /* Slightly larger (text-base equivalent) */
            font-style: italic;
            color: #fbbf24; /* text-yellow-400 */
            margin-top: 2rem; /* mt-8 */
            text-align: center; /* Explicitly center signature */
        }/* End custom CSS */