A CSS library for simple floating notes.

Let elements on a page float independently from each other upon an upstream river.

Each notepad should flow from bottom to top and contain a collection of notes or note-columns.

• Note
  A note is a rectangular div aligned with flexbox that seems to float above it's parent element. The basic floating is achieved via a box shadow with default:

  -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow:    0px 5px 5px 0px rgba(0, 0, 0, 0.5);
  box-shadow:         0px 5px 5px 0px rgba(0, 0, 0, 0.5);
  

• Note-Column
  A note column can be seen as a smaller notepad within a larger notepad. Columns lined up side by side allow for two or more streams of notes