.note-big-shadow {
  max-width: 320px;
  position: relative;
  transform: rotate3d(1, 1, 1, 354deg);
}
.note-big-shadow:before {
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  bottom: -12%;
  content: "";
  display: block;
  left: -12%;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0;
}
.note {
  border-radius: 8px;
  background-color: #fff;
  color: #252422;
  margin-bottom: 20px;
  position: relative;
  z-index: 1;
  min-height: 220px;
  box-shadow: -15px 15px 20px 3px #000;
  /*======== COLORS ===========*/
}
.note[data-radius="none"] {
  border-radius: 0;
}
.note[data-background="image"] .title, .note[data-background="image"] .stats, .note[data-background="image"] .category, .note[data-background="image"] .description, .note[data-background="image"] .content, .note[data-background="image"] .note-footer, .note[data-background="image"] small, .note[data-background="image"] .content a, .note[data-background="image"] .title, .note[data-background="image"] .stats, .note[data-background="image"] .category, .note[data-background="image"] .description, .note[data-background="image"] .content, .note[data-background="image"] .note-footer, .note[data-background="image"] small, .note[data-background="image"] .content a {
  color: #fff;
}
.note .content {
  padding: 20px 20px 10px 20px;
}
.note .category, .note .note .label {
  font-size: 14px;
  margin-bottom: 0;
}
.note .description {
  font-size: 16px;
  color: #66615b;
}
.note a:hover, .note a:focus {
  text-decoration: none;
}
.note.note-text-only .content {
  padding: 50px 65px;
  text-align: center;
}
.note[data-color="blue"] {
  background: #b8d8d8;
}
.note[data-color="blue"] .description {
  color: #506568;
}
.note[data-color="blue"] .category {
  color: #7a9e9f;
}
.note[data-color="green"] {
  background: #d5e5a3;
}
.note[data-color="green"] .description {
  color: #60773d;
}
.note[data-color="green"] .category {
  color: #92ac56;
}
.note[data-color="yellow"] {
  background: #ffe28c;
}
.note[data-color="yellow"] .description {
  color: #b25825;
}
.note[data-color="yellow"] .category {
  color: #d88715;
}
.note[data-color="brown"] {
  background: #d6c1ab;
}
.note[data-color="brown"] .description {
  color: #75442e;
}
.note[data-color="brown"] .category {
  color: #a47e65;
}
.note[data-color="purple"] {
  background: #baa9ba;
}
.note[data-color="purple"] .description {
  color: #3a283d;
}
.note[data-color="purple"] .category {
  color: #5a283d;
}
.note[data-color="orange"] {
  background: #ff8f5e;
}
.note[data-color="orange"] .description {
  color: #772510;
}
.note[data-color="orange"] .category {
  color: #e95e37;
}