/* * Hide from both screenreaders and browsers: h5bp.com/u */
.hidden {
  display: none !important;
  visibility: hidden; }

/* * Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

/* * Extends the .visuallyhidden class to allow the element to be focusable * when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto; }

/* * Hide visually and from screenreaders, but maintain layout */
.invisible {
  visibility: hidden; }

.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }

.clearfix:after {
  clear: both; }

.noflick, .note, .button {
  -webkit-perspective: 1000;
          perspective: 1000;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0); }

.sticky-note {
  margin: -15px; }

.note {
  float: left;
  display: block;
  position: relative;
  padding: 1em;
  width: calc(25% - 30px);
  min-height: 300px;
  margin: 15px;
  border-radius: 5px;
  background-color: #a3b4f9;
  -webkit-transition: -webkit-transform .15s;
  transition: -webkit-transform .15s;
  transition: transform .15s;
  transition: transform .15s, -webkit-transform .15s;
  z-index: 1; }
  .note:hover {
    cursor: move; }
  .note.ui-draggable-dragging:nth-child(n) {
    -webkit-box-shadow: 5px 5px 15px 0 rgba(0, 0, 0, 0.3);
            box-shadow: 5px 5px 15px 0 rgba(0, 0, 0, 0.3);
    -webkit-transform: scale(1.125) !important;
            transform: scale(1.125) !important;
    z-index: 100;
    cursor: move;
    -webkit-transition: -webkit-transform .150s;
    transition: -webkit-transform .150s;
    transition: transform .150s;
    transition: transform .150s, -webkit-transform .150s; }
  .note textarea {
    background-color: transparent;
    border: none;
    resize: vertical;
    font-style: italic;
    width: 100%;
    padding: 5px; }
    .note textarea:focus {
      outline: none;
      border: none;
      -webkit-box-shadow: 0 0 0px 1px rgba(0, 0, 0, 0.2) inset;
              box-shadow: 0 0 0px 1px rgba(0, 0, 0, 0.2) inset; }
    .note textarea.title {
      font-size: 24px;
      line-height: 1.2;
      color: #000000;
      height: 64px;
      margin-top: 20px; }
    .note textarea.cnt {
      min-height: 200px; }
  .note:nth-child(2n) {
    background: #c3e7fa; }
  .note:nth-child(3n) {
    background: #d8f8e1; }
  .note:nth-child(4n) {
    background: #80bdff; }
  .note:nth-child(5n) {
    background: #fff9f3; }
  .note:nth-child(6n) {
    background: #ffd3da; }

/* Button style  */
.button {
  color: #FFFFFF;
  padding: 1em 2em;
  text-decoration: none;
  -webkit-transition: background .01s, -webkit-transform .150s;
  transition: background .01s, -webkit-transform .150s;
  transition: transform .150s, background .01s;
  transition: transform .150s, background .01s, -webkit-transform .150s; }
  .button.remove {
    position: absolute;
    top: 0;
    right: -10px;
    color: #999; }

@media only screen and (max-width: 1199px) {
  .note {
    min-width: 260px;
    min-height: 260px; } }

/*# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0aWNreS9fc3RpY2t5LnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsNERBQUE7QUFDQTtFQUNDLHdCQUF3QjtFQUN4QixrQkFBa0IsRUFBQTs7QUFHbkIsOEVBQUE7QUFDQTtFQUNDLFNBQVM7RUFDVCxtQkFBbUI7RUFDbkIsV0FBVztFQUNYLFlBQVk7RUFDWixnQkFBZ0I7RUFDaEIsVUFBVTtFQUNWLGtCQUFrQjtFQUNsQixVQUFVLEVBQUE7O0FBR1gsOEhBQUE7QUFFQTs7RUFFQyxVQUFVO0VBQ1YsWUFBWTtFQUNaLFNBQVM7RUFDVCxpQkFBaUI7RUFDakIsZ0JBQWdCO0VBQ2hCLFdBQVcsRUFBQTs7QUFDVixnRUFBQTtBQUVGO0VBQ0Msa0JBQWtCLEVBQUE7O0FBR25COztFQUVDLFlBQVk7RUFBRSxNQUFBO0VBQ2QsY0FBYztFQUFFLE1BQUEsRUFBTzs7QUFHeEI7RUFDQyxXQUFXLEVBQUE7O0FBRVo7RUFDQyx5QkFBaUI7VUFBakIsaUJBQWlCO0VBQ2pCLG1DQUEyQjtVQUEzQiwyQkFBMkI7RUFDM0IsdUNBQTZCO1VBQTdCLCtCQUE2QixFQUFBOztBQUU5QjtFQUNDLGFBQWEsRUFBQTs7QUFFZDtFQUNDLFdBQVc7RUFDWCxjQUFjO0VBQ2Qsa0JBQWtCO0VBQ2xCLFlBQVk7RUFDWix1QkFBdUI7RUFDdkIsaUJBQWlCO0VBQ2pCLFlBQVk7RUFDWixrQkFBa0I7RUFDbEIseUJBQTZDO0VBQzdDLDBDQUEwQjtFQUExQixrQ0FBMEI7RUFBMUIsMEJBQTBCO0VBQTFCLGtEQUEwQjtFQUMxQixVQUFVLEVBQUE7RUFYWDtJQWVFLFlBQVksRUFBQTtFQWZkO0lBa0JFLHFEQUF5QztZQUF6Qyw2Q0FBeUM7SUFDekMsMENBQWtDO1lBQWxDLGtDQUFrQztJQUNsQyxZQUFZO0lBQ1osWUFBWTtJQUNaLDJDQUEyQjtJQUEzQixtQ0FBMkI7SUFBM0IsMkJBQTJCO0lBQTNCLG9EQUEyQixFQUFBO0VBdEI3QjtJQTBCRSw2QkFBNkI7SUFDN0IsWUFBWTtJQUNaLGdCQUFnQjtJQUNoQixrQkFBa0I7SUFDbEIsV0FBVztJQUNYLFlBQVksRUFBQTtJQS9CZDtNQWlDRyxhQUFhO01BQ2IsWUFBWTtNQUNaLHdEQUE0QztjQUE1QyxnREFBNEMsRUFBQTtJQW5DL0M7TUFzQ0csZUFBZTtNQUNmLGdCQUFnQjtNQUNoQixjQUFjO01BQ2QsWUFBWTtNQUNaLGdCQUFnQixFQUFBO0lBMUNuQjtNQTZDRyxpQkFBaUIsRUFBQTtFQTdDcEI7SUFpREUsbUJBQTBDLEVBQUE7RUFqRDVDO0lBb0RFLG1CQUF3QyxFQUFBO0VBcEQxQztJQXVERSxtQkFBcUMsRUFBQTtFQXZEdkM7SUEwREUsbUJBQXdDLEVBQUE7RUExRDFDO0lBNkRFLG1CQUF1QyxFQUFBOztBQUl6QyxrQkFBQTtBQUNBO0VBQ0MsY0FBYztFQUNkLGdCQUFnQjtFQUNoQixxQkFBcUI7RUFDckIsNERBQTRDO0VBQTVDLG9EQUE0QztFQUE1Qyw0Q0FBNEM7RUFBNUMscUVBQTRDLEVBQUE7RUFKN0M7SUFPRSxrQkFBa0I7SUFDbEIsTUFBTTtJQUNOLFlBQVk7SUFDWixXQUFXLEVBQUE7O0FBSWI7RUFoRkE7SUFrRkUsZ0JBQWdCO0lBQ2hCLGlCQUFpQixFQUFBLEVBQ2pCIiwiZmlsZSI6InN0aWNreS5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKiAqIEhpZGUgZnJvbSBib3RoIHNjcmVlbnJlYWRlcnMgYW5kIGJyb3dzZXJzOiBoNWJwLmNvbS91ICovXHJcbi5oaWRkZW4ge1xyXG5cdGRpc3BsYXk6IG5vbmUgIWltcG9ydGFudDtcclxuXHR2aXNpYmlsaXR5OiBoaWRkZW47XHJcbn1cclxuXHJcbi8qICogSGlkZSBvbmx5IHZpc3VhbGx5LCBidXQgaGF2ZSBpdCBhdmFpbGFibGUgZm9yIHNjcmVlbnJlYWRlcnM6IGg1YnAuY29tL3YgKi9cclxuLnZpc3VhbGx5aGlkZGVuIHtcclxuXHRib3JkZXI6IDA7XHJcblx0Y2xpcDogcmVjdCgwIDAgMCAwKTtcclxuXHRoZWlnaHQ6IDFweDtcclxuXHRtYXJnaW46IC0xcHg7XHJcblx0b3ZlcmZsb3c6IGhpZGRlbjtcclxuXHRwYWRkaW5nOiAwO1xyXG5cdHBvc2l0aW9uOiBhYnNvbHV0ZTtcclxuXHR3aWR0aDogMXB4O1xyXG59XHJcblxyXG4vKiAqIEV4dGVuZHMgdGhlIC52aXN1YWxseWhpZGRlbiBjbGFzcyB0byBhbGxvdyB0aGUgZWxlbWVudCB0byBiZSBmb2N1c2FibGUgKiB3aGVuIG5hdmlnYXRlZCB0byB2aWEgdGhlIGtleWJvYXJkOiBoNWJwLmNvbS9wICovXHJcblxyXG4udmlzdWFsbHloaWRkZW4uZm9jdXNhYmxlOmFjdGl2ZSxcclxuLnZpc3VhbGx5aGlkZGVuLmZvY3VzYWJsZTpmb2N1cyB7XHJcblx0Y2xpcDogYXV0bztcclxuXHRoZWlnaHQ6IGF1dG87XHJcblx0bWFyZ2luOiAwO1xyXG5cdG92ZXJmbG93OiB2aXNpYmxlO1xyXG5cdHBvc2l0aW9uOiBzdGF0aWM7XHJcblx0d2lkdGg6IGF1dG87XHJcbn0gLyogKiBIaWRlIHZpc3VhbGx5IGFuZCBmcm9tIHNjcmVlbnJlYWRlcnMsIGJ1dCBtYWludGFpbiBsYXlvdXQgKi9cclxuXHJcbi5pbnZpc2libGUge1xyXG5cdHZpc2liaWxpdHk6IGhpZGRlbjtcclxufVxyXG5cclxuLmNsZWFyZml4OmJlZm9yZSxcclxuLmNsZWFyZml4OmFmdGVyIHtcclxuXHRjb250ZW50OiBcIiBcIjsgLyogMSAqL1xyXG5cdGRpc3BsYXk6IHRhYmxlOyAvKiAyICovXHJcbn1cclxuXHJcbi5jbGVhcmZpeDphZnRlciB7XHJcblx0Y2xlYXI6IGJvdGg7XHJcbn1cclxuLm5vZmxpY2sge1xyXG5cdHBlcnNwZWN0aXZlOiAxMDAwO1xyXG5cdGJhY2tmYWNlLXZpc2liaWxpdHk6IGhpZGRlbjtcclxuXHR0cmFuc2Zvcm06IHRyYW5zbGF0ZTNkKDAsMCwwKTtcclxufVxyXG4uc3RpY2t5LW5vdGV7XHJcblx0bWFyZ2luOiAtMTVweDtcclxufVxyXG4ubm90ZSB7XHJcblx0ZmxvYXQ6IGxlZnQ7XHJcblx0ZGlzcGxheTogYmxvY2s7XHJcblx0cG9zaXRpb246IHJlbGF0aXZlO1xyXG5cdHBhZGRpbmc6IDFlbTtcclxuXHR3aWR0aDogY2FsYygyNSUgLSAzMHB4KTtcclxuXHRtaW4taGVpZ2h0OiAzMDBweDtcclxuXHRtYXJnaW46IDE1cHg7XHJcblx0Ym9yZGVyLXJhZGl1czogNXB4O1xyXG5cdGJhY2tncm91bmQtY29sb3I6IGxpZ2h0ZW4oJHByaW1hcnktY29sb3IsMjAlKTtcclxuXHR0cmFuc2l0aW9uOiB0cmFuc2Zvcm0gLjE1cztcclxuXHR6LWluZGV4OiAxO1xyXG5cdEBleHRlbmQgLm5vZmxpY2s7XHJcblxyXG5cdCY6aG92ZXIge1xyXG5cdFx0Y3Vyc29yOiBtb3ZlO1xyXG5cdH1cclxuXHQmLnVpLWRyYWdnYWJsZS1kcmFnZ2luZzpudGgtY2hpbGQobikge1xyXG5cdFx0Ym94LXNoYWRvdzogNXB4IDVweCAxNXB4IDAgcmdiYSgwLDAsMCwuMyk7XHJcblx0XHR0cmFuc2Zvcm06IHNjYWxlKDEuMTI1KSAhaW1wb3J0YW50O1xyXG5cdFx0ei1pbmRleDogMTAwO1xyXG5cdFx0Y3Vyc29yOiBtb3ZlO1xyXG5cdFx0dHJhbnNpdGlvbjogdHJhbnNmb3JtIC4xNTBzO1xyXG5cdH1cclxuXHJcblx0dGV4dGFyZWEge1xyXG5cdFx0YmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XHJcblx0XHRib3JkZXI6IG5vbmU7XHJcblx0XHRyZXNpemU6IHZlcnRpY2FsO1xyXG5cdFx0Zm9udC1zdHlsZTogaXRhbGljO1xyXG5cdFx0d2lkdGg6IDEwMCU7XHJcblx0XHRwYWRkaW5nOiA1cHg7XHJcblx0XHQmOmZvY3VzIHtcclxuXHRcdFx0b3V0bGluZTogbm9uZTtcclxuXHRcdFx0Ym9yZGVyOiBub25lO1xyXG5cdFx0XHRib3gtc2hhZG93OiAwIDAgMHB4IDFweCByZ2JhKDAsMCwwLC4yKSBpbnNldDtcclxuXHRcdH1cclxuXHRcdCYudGl0bGUge1xyXG5cdFx0XHRmb250LXNpemU6IDI0cHg7XHJcblx0XHRcdGxpbmUtaGVpZ2h0OiAxLjI7XHJcblx0XHRcdGNvbG9yOiAjMDAwMDAwO1xyXG5cdFx0XHRoZWlnaHQ6IDY0cHg7XHJcblx0XHRcdG1hcmdpbi10b3A6IDIwcHg7XHJcblx0XHR9XHJcblx0XHQmLmNudCB7XHJcblx0XHRcdG1pbi1oZWlnaHQ6IDIwMHB4O1xyXG5cdFx0fVxyXG5cdH1cclxuXHQmOm50aC1jaGlsZCgybikge1xyXG5cdFx0YmFja2dyb3VuZDogbGlnaHRlbigkc2Vjb25kYXJ5LWNvbG9yICwzNSUpO1xyXG5cdH1cclxuXHQmOm50aC1jaGlsZCgzbikge1xyXG5cdFx0YmFja2dyb3VuZDogbGlnaHRlbigkc3VjY2Vzcy1jb2xvciAsNTAlKTtcclxuXHR9XHJcblx0JjpudGgtY2hpbGQoNG4pIHtcclxuXHRcdGJhY2tncm91bmQ6IGxpZ2h0ZW4oJGluZm8tY29sb3IgLDI1JSk7XHJcblx0fVxyXG5cdCY6bnRoLWNoaWxkKDVuKSB7XHJcblx0XHRiYWNrZ3JvdW5kOiBsaWdodGVuKCR3YXJuaW5nLWNvbG9yICwzNSUpO1xyXG5cdH1cclxuXHQmOm50aC1jaGlsZCg2bikge1xyXG5cdFx0YmFja2dyb3VuZDogbGlnaHRlbigkZGFuZ2VyLWNvbG9yICwyNSUpO1xyXG5cdH1cclxufVxyXG5cclxuLyogQnV0dG9uIHN0eWxlICAqL1xyXG4uYnV0dG9uIHtcclxuXHRjb2xvcjogI0ZGRkZGRjtcclxuXHRwYWRkaW5nOiAxZW0gMmVtO1xyXG5cdHRleHQtZGVjb3JhdGlvbjogbm9uZTtcclxuXHR0cmFuc2l0aW9uOiB0cmFuc2Zvcm0gLjE1MHMsIGJhY2tncm91bmQgLjAxcztcclxuXHRAZXh0ZW5kIC5ub2ZsaWNrO1xyXG5cdCYucmVtb3ZlIHtcclxuXHRcdHBvc2l0aW9uOiBhYnNvbHV0ZTtcclxuXHRcdHRvcDogMDtcclxuXHRcdHJpZ2h0OiAtMTBweDtcclxuXHRcdGNvbG9yOiAjOTk5O1xyXG5cdH1cclxufVxyXG5cclxuQG1lZGlhIG9ubHkgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiAxMTk5cHgpIHtcclxuXHQubm90ZSB7XHJcblx0XHRtaW4td2lkdGg6IDI2MHB4O1xyXG5cdFx0bWluLWhlaWdodDogMjYwcHg7XHJcblx0fVxyXG59Il19 */
/*# sourceMappingURL=sticky.css.map */