/* styles.css */ 
     
    body { 
        margin: 0; 
        padding: 0; 
        font-family: Arial, sans-serif; 
    } 
     
    h1, p { 
        padding: 20px; 
        box-sizing: border-box; /* Ensures padding is included in element's total width */ 
    } 
     
    /* Ensure the main container takes full width and height */ 
    .container { 
        width: 100%; 
        height: 100vh; /* Full viewport height */ 
    } 
     
    @media (max-width: 600px) { 
        h1 { 
            font-size: 24px; /* Adjust font size for smaller screens */ 
        } 
    }