(    (    
 ( )\   )\   
 )((_)(((_)  
((_)_ )\___  
 | _ |(/ __| 
 | _ \| (__  
 |___/ \___|.css

The Guyot Project, Additive css library for use along with regular css or with alognside w3css.

Works well with

1. Regular CSS
2. w3css

Code example: User Card

<div class="shadow m">
  <h1 class="serif bg-slate p">John Doe</h1>
  <p class="f p">
    A Frontend Web Dev:
  </p>
  <ol class="left-center">
    <li>HTML, CSS, JS</li>
    <li>Svelte, Angular</li>
    <li>Python*, C*</li>
  </ol><br/><br/><br/><br/>
  <p class="p italic serif bg-slate">
     apr. 22 2024
  </p>
</div>

The Comparable w3css code

<div class="w3-margin w3-card-4">
  <h1 class="w3-teal w3-padding">
    John Doe
  </h1>
  <p class="w3-padding">
    A Frontend Web Dev:
  </p>
  <ol class="w3-margin-left">
    <li class="w3-margin-left">HTML, CSS, JS</li>
    <li class="w3-margin-left">Svelte, Angular</li>
    <li class="w3-margin-left">Python*, C*</li>
  </ol><br/>
  <p class="w3-padding w3-teal">
     apr. 22 2024
  </p>
</div>

A full width background with 2 grid

<div class="main bg-slate hover-bg-black">
  <div class="relative top-center grid-2 f-xl bold italic">
    <div class="text-center hover-bg-white">
      Hello
    </div>
    <div class="text-center hover-bg-white">
      World!
    </div>
  </div>
</div>