brutalist.css

if you want to turn any homepage into a brutalist homepage.

Usage

<h1>Header 1</h1>
      <h2>Header 2</h2>
      <h3>Header 3</h3>
      <h4>Header 4</h4>
      <h5>Header 5</h5>
      <p>
        <bold>bold text</bold>
      </p>
      <p><i>italic text</i></p>
      <p>A paragraph with a lot of text.</p>
      <p>
        <left>left text</left>
        <center>centered text</center>
        <right>right text</right>
      </p>
      <p><span>a span  </span><span class="red-bg">a span with red background</span><span class="red">  a span with red color</span></p>
      <form>
        <fieldset>
          <legend>this is a form</legend>
          <p>
            <input value="input with a value">
            <input placeholder="input with a placeholder">
          </p>
          <p>
            <label for="select">select</label>
            <select name="select">
              <option value="brutalist">brutalist</option>
              <option value="bootstrap">bootstrap</option>
            </select>
          </p>
          <p>
            <label for="checkbox">checkbox</label>
            <input type="checkbox" name="checkbox" value="brutalist rocks">
          </p>
          <p>
            <label for="radiobuttons">this is awesome</label>
            <input type="radio" name="vehicle" value="Bike">
            <label for="radiobuttons">this sucks</label>
            <input type="radio" name="vehicle" value="Bike">
          </p>
          <p>
            <button>This is a button</button>
          </p>
        </fieldset>
      </form>

Header 1

Header 2

Header 3

Header 4

Header 5

bold text

italic text

A paragraph with a lot of text.

left text

centered text right text

a span a span with red background a span with red color