------ Directory structure:

root/
    |
    ---> archive/
            |---> old_version
    |--> includes/
    |--> js/
    |--> css/
           |---> articles/
            |---> global/
                    |---> fonts/
                    |---> layout/
                    |---> styling/
                    |---> global-settings.css
            |---> main/
    |--> img/
    |--> pages/
    |--> disclaimers.txt
    |--> main_es.html
    |--> main_en.html

Example page styling:

page/
    |
    ---> layouts/
            |---> base (desktop optimized)
            |---> desktop
            |---> desktop-slim
            |---> desktop-slimmer
            |---> mobile
            |---> misc (other responsive layout changes)
    |--> page
    |--> styling (colors, borders, etc.)
    |--> others

------ CSS file structure:

[VARIABLES]  // 
[ORDERING]   //
[LAYOUT]     // Order by ~rendering order, indentation demarks nesting, separated by sections.
[ANIMATIONS] // 

------ CSS Syntax structure:

One property: 
selector { property: value; }

Multiple properties: 
selector {
    property1:      value;
    property2:      value2;}

------ CSS Imports:

1. global settings
3. page settings
3. layouts
4. misc

------ Inspirations for design

1. Background tiling https://lazybones.neocities.org/
2. Sidebar https://minx98.neocities.org/
3. Marquee https://minx98.neocities.org/
3. Font https://weirdfashionhub.carrd.co/
4. Buttons https://aegi.neocities.org/