init.css

Heading 1

Lorem ipsum dolor sit amet consectetur adipisicing elit. Accusantium dolorem perspiciatis eos recusandae, harum deleniti quo fuga architecto a ducimus, quisquam in quibusdam alias quos omnis est ab! Perspiciatis minus dicta nemo commodi animi obcaecati, neque molestias officia! Quam dicta ea consequatur ex natus. Odit dolorem id dolore ut magni.

Heading 2

Lorem ipsum dolor sit amet consectetur adipisicing elit. Accusantium dolorem perspiciatis eos recusandae, harum deleniti quo fuga architecto a ducimus, quisquam in quibusdam alias quos omnis est ab! Perspiciatis minus dicta nemo commodi animi obcaecati, neque molestias officia! Quam dicta ea consequatur ex natus. Odit dolorem id dolore ut magni.

Heading 3

Lorem ipsum dolor sit amet consectetur adipisicing elit. Accusantium dolorem perspiciatis eos recusandae, harum deleniti quo fuga architecto a ducimus, quisquam in quibusdam alias quos omnis est ab! Perspiciatis minus dicta nemo commodi animi obcaecati, neque molestias officia! Quam dicta ea consequatur ex natus. Odit dolorem id dolore ut magni.

Heading 4

Lorem ipsum dolor sit amet consectetur adipisicing elit. Accusantium dolorem perspiciatis eos recusandae, harum deleniti quo fuga architecto a ducimus, quisquam in quibusdam alias quos omnis est ab! Perspiciatis minus dicta nemo commodi animi obcaecati, neque molestias officia! Quam dicta ea consequatur ex natus. Odit dolorem id dolore ut magni.

Heading 5

Lorem ipsum dolor sit amet consectetur adipisicing elit. Accusantium dolorem perspiciatis eos recusandae, harum deleniti quo fuga architecto a ducimus, quisquam in quibusdam alias quos omnis est ab! Perspiciatis minus dicta nemo commodi animi obcaecati, neque molestias officia! Quam dicta ea consequatur ex natus. Odit dolorem id dolore ut magni.

Heading 6

Lorem ipsum dolor sit amet consectetur adipisicing elit. Accusantium dolorem perspiciatis eos recusandae, harum deleniti quo fuga architecto a ducimus, quisquam in quibusdam alias quos omnis est ab! Perspiciatis minus dicta nemo commodi animi obcaecati, neque molestias officia! Quam dicta ea consequatur ex natus. Odit dolorem id dolore ut magni.

Inline elements

<code>: Lorem, code ipsum dolor.

<a>: Lorem, ancor ipsum dolor.

<b>, <strong> & <time>: Lorem, bold, strong & 08-01-2025 ipsum dolor.

<mark>: Lorem, mark ipsum dolor.

<small>: Lorem, small ipsum dolor.

<sub>: Lorem, _sub ipsum dolor.

<sup>: Lorem, ^sup ipsum dolor.

<kbd>: Lorem, kbd ipsum dolor.

<samp>: Lorem, samp ipsum dolor.

Pre

        :root{
            --color-base:#dfdfdf; 
            --color-text:#1d1d1d; 
            --color-muted:#c9c9c9; 
            --color-accent:#eb5f46; 
            --color-success:#28a770; 
        
            --font-heading:Georgia, 'Times New Roman', Times, serif;
            --font-body:Verdana, Geneva, Tahoma, sans-serif;
        }
        @media (prefers-color-scheme: dark){
            :root{
                --color-base:#1d1d1d; 
                --color-text:#dfdfdf; 
                --color-muted:#313131; 
            }
        }
        *{
            box-sizing: border-box;
        }
    

List

• item 1
• item 2
• item 3

1. item 1
2. item 2
3. item 3

Lorem, ipsum dolor.

Lorem ipsum dolor, sit amet consectetur adipisicing elit. Beatae in impedit, eligendi dignissimos, earum cumque inventore at architecto exercitationem iusto facilis expedita laborum qui non? Maxime natus doloremque accusantium nam?

Lorem, ipsum dolor.

Lorem ipsum dolor, sit amet consectetur adipisicing elit. Beatae in impedit, eligendi dignissimos, earum cumque inventore at architecto exercitationem iusto facilis expedita laborum qui non? Maxime natus doloremque accusantium nam?

Lorem, ipsum dolor.

Lorem ipsum dolor, sit amet consectetur adipisicing elit. Beatae in impedit, eligendi dignissimos, earum cumque inventore at architecto exercitationem iusto facilis expedita laborum qui non? Maxime natus doloremque accusantium nam?

Fomr

Table