.community-sticky-notes{
  --csn-columns:auto-fit;
  color:#292929;
  display:grid;
  font-family:'Delius','Comic Sans MS',cursive;
  gap:1.25rem;
  grid-template-columns:repeat(var(--csn-columns),minmax(min(240px,100%),1fr));
  margin:1rem 0;
}
.csn-note{
  background:#fff9ae;
  border:2px solid #e2c400;
  border-radius:7px;
  box-shadow:3px 5px 9px rgba(0,0,0,.16);
  box-sizing:border-box;
  min-height:120px;
  padding:1.25rem;
  position:relative;
  transform-origin:top center;
  transition:transform .2s ease;
}
.csn-note::before{content:'📌';font-size:1.25rem;left:.8rem;position:absolute;top:-.85rem;transform:rotate(-10deg)}
.csn-note:nth-child(even)::before{left:auto;right:.8rem;transform:rotate(12deg)}
.csn-note:hover{transform:rotate(0) scale(1.025);z-index:2}
.csn-note>:first-child{margin-top:0}.csn-note>:last-child{margin-bottom:0}
.csn-note a{color:#075f9a;font-weight:700}.csn-note strong{color:#210546}
.csn-yellow{background:#fff9ae;border-color:#e2c400}
.csn-pink{background:#ffd1dc;border-color:#ff87b4}
.csn-blue{background:#d0ecff;border-color:#73b8db}
.csn-green{background:#d6f5d6;border-color:#7aba67}
.csn-lilac{background:#e7d6f5;border-color:#a887c4}
.csn-peach{background:#f8d4bf;border-color:#d99a73}
.community-sticky-notes .tilt-left{transform:rotate(-2deg)}.community-sticky-notes .tilt-right{transform:rotate(2deg)}.community-sticky-notes .tilt-slight{transform:rotate(1deg)}.community-sticky-notes .tilt-hard{transform:rotate(-1.5deg)}
@media(max-width:700px){.community-sticky-notes{grid-template-columns:1fr}.csn-note{transform:none}}
@media(prefers-reduced-motion:reduce){.csn-note{transition:none;transform:none!important}}