:root{--primary-color: var(--color-yellow);--secondary-color: var(--color-black)}.notes{position:relative}.notes::before{content:attr(data-month);position:absolute;top:-80px;display:block;width:100vw;overflow:hidden;color:var(--color-black);font-size:320px;line-height:320px;letter-spacing:-1rem;text-align:left;text-transform:uppercase;white-space:nowrap}.notes:nth-child(3n-2)::before{text-indent:-5%}.notes:nth-child(3n-1)::before{text-indent:-10%}.notes:nth-child(3n)::before{text-indent:-8%}.notes .month{position:relative;min-height:320px;display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap}.notes .note{margin:1rem;padding:1rem;width:100%;max-width:280px;min-height:280px;background-color:var(--color-white);color:var(--color-black);font-weight:400}.notes .note p{font-size:18px}