/* * 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: #e7dff7;
  -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: #beeef4; }
  .note:nth-child(3n) {
    background: #c2fff0; }
  .note:nth-child(4n) {
    background: #c0ddff; }
  .note:nth-child(5n) {
    background: #fff5a7; }
  .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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0aWNreS9fc3RpY2t5LnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsNERBQUE7QUFDQTtFQUNDLHdCQUF3QjtFQUN4QixrQkFBa0IsRUFBQTs7QUFHbkIsOEVBQUE7QUFDQTtFQUNDLFNBQVM7RUFDVCxtQkFBbUI7RUFDbkIsV0FBVztFQUNYLFlBQVk7RUFDWixnQkFBZ0I7RUFDaEIsVUFBVTtFQUNWLGtCQUFrQjtFQUNsQixVQUFVLEVBQUE7O0FBR1gsOEhBQUE7QUFFQTs7RUFFQyxVQUFVO0VBQ1YsWUFBWTtFQUNaLFNBQVM7RUFDVCxpQkFBaUI7RUFDakIsZ0JBQWdCO0VBQ2hCLFdBQVcsRUFBQTs7QUFDVixnRUFBQTtBQUVGO0VBQ0Msa0JBQWtCLEVBQUE7O0FBR25COztFQUVDLFlBQVk7RUFBRSxNQUFBO0VBQ2QsY0FBYztFQUFFLE1BQUEsRUFBTzs7QUFHeEI7RUFDQyxXQUFXLEVBQUE7O0FBRVo7RUFDQyx5QkFBaUI7VUFBakIsaUJBQWlCO0VBQ2pCLG1DQUEyQjtVQUEzQiwyQkFBMkI7RUFDM0IsdUNBQTZCO1VBQTdCLCtCQUE2QixFQUFBOztBQUU5QjtFQUNDLGFBQWEsRUFBQTs7QUFFZDtFQUNDLFdBQVc7RUFDWCxjQUFjO0VBQ2Qsa0JBQWtCO0VBQ2xCLFlBQVk7RUFDWix1QkFBdUI7RUFDdkIsaUJBQWlCO0VBQ2pCLFlBQVk7RUFDWixrQkFBa0I7RUFDbEIseUJBQTZDO0VBQzdDLDBDQUEwQjtFQUExQixrQ0FBMEI7RUFBMUIsMEJBQTBCO0VBQTFCLGtEQUEwQjtFQUMxQixVQUFVLEVBQUE7RUFYWDtJQWVFLFlBQVksRUFBQTtFQWZkO0lBa0JFLHFEQUF5QztZQUF6Qyw2Q0FBeUM7SUFDekMsMENBQWtDO1lBQWxDLGtDQUFrQztJQUNsQyxZQUFZO0lBQ1osWUFBWTtJQUNaLDJDQUEyQjtJQUEzQixtQ0FBMkI7SUFBM0IsMkJBQTJCO0lBQTNCLG9EQUEyQixFQUFBO0VBdEI3QjtJQTBCRSw2QkFBNkI7SUFDN0IsWUFBWTtJQUNaLGdCQUFnQjtJQUNoQixrQkFBa0I7SUFDbEIsV0FBVztJQUNYLFlBQVksRUFBQTtJQS9CZDtNQWlDRyxhQUFhO01BQ2IsWUFBWTtNQUNaLHdEQUE0QztjQUE1QyxnREFBNEMsRUFBQTtJQW5DL0M7TUFzQ0csZUFBZTtNQUNmLGdCQUFnQjtNQUNoQixjQUFjO01BQ2QsWUFBWTtNQUNaLGdCQUFnQixFQUFBO0lBMUNuQjtNQTZDRyxpQkFBaUIsRUFBQTtFQTdDcEI7SUFpREUsbUJBQTBDLEVBQUE7RUFqRDVDO0lBb0RFLG1CQUF3QyxFQUFBO0VBcEQxQztJQXVERSxtQkFBcUMsRUFBQTtFQXZEdkM7SUEwREUsbUJBQXdDLEVBQUE7RUExRDFDO0lBNkRFLG1CQUF1QyxFQUFBOztBQUl6QyxrQkFBQTtBQUNBO0VBQ0MsY0FBYztFQUNkLGdCQUFnQjtFQUNoQixxQkFBcUI7RUFDckIsNERBQTRDO0VBQTVDLG9EQUE0QztFQUE1Qyw0Q0FBNEM7RUFBNUMscUVBQTRDLEVBQUE7RUFKN0M7SUFPRSxrQkFBa0I7SUFDbEIsTUFBTTtJQUNOLFlBQVk7SUFDWixXQUFXLEVBQUE7O0FBSWI7RUFoRkE7SUFrRkUsZ0JBQWdCO0lBQ2hCLGlCQUFpQixFQUFBLEVBQ2pCIiwiZmlsZSI6InN0aWNreS5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKiAqIEhpZGUgZnJvbSBib3RoIHNjcmVlbnJlYWRlcnMgYW5kIGJyb3dzZXJzOiBoNWJwLmNvbS91ICovXG4uaGlkZGVuIHtcblx0ZGlzcGxheTogbm9uZSAhaW1wb3J0YW50O1xuXHR2aXNpYmlsaXR5OiBoaWRkZW47XG59XG5cbi8qICogSGlkZSBvbmx5IHZpc3VhbGx5LCBidXQgaGF2ZSBpdCBhdmFpbGFibGUgZm9yIHNjcmVlbnJlYWRlcnM6IGg1YnAuY29tL3YgKi9cbi52aXN1YWxseWhpZGRlbiB7XG5cdGJvcmRlcjogMDtcblx0Y2xpcDogcmVjdCgwIDAgMCAwKTtcblx0aGVpZ2h0OiAxcHg7XG5cdG1hcmdpbjogLTFweDtcblx0b3ZlcmZsb3c6IGhpZGRlbjtcblx0cGFkZGluZzogMDtcblx0cG9zaXRpb246IGFic29sdXRlO1xuXHR3aWR0aDogMXB4O1xufVxuXG4vKiAqIEV4dGVuZHMgdGhlIC52aXN1YWxseWhpZGRlbiBjbGFzcyB0byBhbGxvdyB0aGUgZWxlbWVudCB0byBiZSBmb2N1c2FibGUgKiB3aGVuIG5hdmlnYXRlZCB0byB2aWEgdGhlIGtleWJvYXJkOiBoNWJwLmNvbS9wICovXG5cbi52aXN1YWxseWhpZGRlbi5mb2N1c2FibGU6YWN0aXZlLFxuLnZpc3VhbGx5aGlkZGVuLmZvY3VzYWJsZTpmb2N1cyB7XG5cdGNsaXA6IGF1dG87XG5cdGhlaWdodDogYXV0bztcblx0bWFyZ2luOiAwO1xuXHRvdmVyZmxvdzogdmlzaWJsZTtcblx0cG9zaXRpb246IHN0YXRpYztcblx0d2lkdGg6IGF1dG87XG59IC8qICogSGlkZSB2aXN1YWxseSBhbmQgZnJvbSBzY3JlZW5yZWFkZXJzLCBidXQgbWFpbnRhaW4gbGF5b3V0ICovXG5cbi5pbnZpc2libGUge1xuXHR2aXNpYmlsaXR5OiBoaWRkZW47XG59XG5cbi5jbGVhcmZpeDpiZWZvcmUsXG4uY2xlYXJmaXg6YWZ0ZXIge1xuXHRjb250ZW50OiBcIiBcIjsgLyogMSAqL1xuXHRkaXNwbGF5OiB0YWJsZTsgLyogMiAqL1xufVxuXG4uY2xlYXJmaXg6YWZ0ZXIge1xuXHRjbGVhcjogYm90aDtcbn1cbi5ub2ZsaWNrIHtcblx0cGVyc3BlY3RpdmU6IDEwMDA7XG5cdGJhY2tmYWNlLXZpc2liaWxpdHk6IGhpZGRlbjtcblx0dHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgwLDAsMCk7XG59XG4uc3RpY2t5LW5vdGV7XG5cdG1hcmdpbjogLTE1cHg7XG59XG4ubm90ZSB7XG5cdGZsb2F0OiBsZWZ0O1xuXHRkaXNwbGF5OiBibG9jaztcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHRwYWRkaW5nOiAxZW07XG5cdHdpZHRoOiBjYWxjKDI1JSAtIDMwcHgpO1xuXHRtaW4taGVpZ2h0OiAzMDBweDtcblx0bWFyZ2luOiAxNXB4O1xuXHRib3JkZXItcmFkaXVzOiA1cHg7XG5cdGJhY2tncm91bmQtY29sb3I6IGxpZ2h0ZW4oJHByaW1hcnktY29sb3IsMjAlKTtcblx0dHJhbnNpdGlvbjogdHJhbnNmb3JtIC4xNXM7XG5cdHotaW5kZXg6IDE7XG5cdEBleHRlbmQgLm5vZmxpY2s7XG5cblx0Jjpob3ZlciB7XG5cdFx0Y3Vyc29yOiBtb3ZlO1xuXHR9XG5cdCYudWktZHJhZ2dhYmxlLWRyYWdnaW5nOm50aC1jaGlsZChuKSB7XG5cdFx0Ym94LXNoYWRvdzogNXB4IDVweCAxNXB4IDAgcmdiYSgwLDAsMCwuMyk7XG5cdFx0dHJhbnNmb3JtOiBzY2FsZSgxLjEyNSkgIWltcG9ydGFudDtcblx0XHR6LWluZGV4OiAxMDA7XG5cdFx0Y3Vyc29yOiBtb3ZlO1xuXHRcdHRyYW5zaXRpb246IHRyYW5zZm9ybSAuMTUwcztcblx0fVxuXG5cdHRleHRhcmVhIHtcblx0XHRiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcblx0XHRib3JkZXI6IG5vbmU7XG5cdFx0cmVzaXplOiB2ZXJ0aWNhbDtcblx0XHRmb250LXN0eWxlOiBpdGFsaWM7XG5cdFx0d2lkdGg6IDEwMCU7XG5cdFx0cGFkZGluZzogNXB4O1xuXHRcdCY6Zm9jdXMge1xuXHRcdFx0b3V0bGluZTogbm9uZTtcblx0XHRcdGJvcmRlcjogbm9uZTtcblx0XHRcdGJveC1zaGFkb3c6IDAgMCAwcHggMXB4IHJnYmEoMCwwLDAsLjIpIGluc2V0O1xuXHRcdH1cblx0XHQmLnRpdGxlIHtcblx0XHRcdGZvbnQtc2l6ZTogMjRweDtcblx0XHRcdGxpbmUtaGVpZ2h0OiAxLjI7XG5cdFx0XHRjb2xvcjogIzAwMDAwMDtcblx0XHRcdGhlaWdodDogNjRweDtcblx0XHRcdG1hcmdpbi10b3A6IDIwcHg7XG5cdFx0fVxuXHRcdCYuY250IHtcblx0XHRcdG1pbi1oZWlnaHQ6IDIwMHB4O1xuXHRcdH1cblx0fVxuXHQmOm50aC1jaGlsZCgybikge1xuXHRcdGJhY2tncm91bmQ6IGxpZ2h0ZW4oJHNlY29uZGFyeS1jb2xvciAsMzUlKTtcblx0fVxuXHQmOm50aC1jaGlsZCgzbikge1xuXHRcdGJhY2tncm91bmQ6IGxpZ2h0ZW4oJHN1Y2Nlc3MtY29sb3IgLDUwJSk7XG5cdH1cblx0JjpudGgtY2hpbGQoNG4pIHtcblx0XHRiYWNrZ3JvdW5kOiBsaWdodGVuKCRpbmZvLWNvbG9yICwyNSUpO1xuXHR9XG5cdCY6bnRoLWNoaWxkKDVuKSB7XG5cdFx0YmFja2dyb3VuZDogbGlnaHRlbigkd2FybmluZy1jb2xvciAsMzUlKTtcblx0fVxuXHQmOm50aC1jaGlsZCg2bikge1xuXHRcdGJhY2tncm91bmQ6IGxpZ2h0ZW4oJGRhbmdlci1jb2xvciAsMjUlKTtcblx0fVxufVxuXG4vKiBCdXR0b24gc3R5bGUgICovXG4uYnV0dG9uIHtcblx0Y29sb3I6ICNGRkZGRkY7XG5cdHBhZGRpbmc6IDFlbSAyZW07XG5cdHRleHQtZGVjb3JhdGlvbjogbm9uZTtcblx0dHJhbnNpdGlvbjogdHJhbnNmb3JtIC4xNTBzLCBiYWNrZ3JvdW5kIC4wMXM7XG5cdEBleHRlbmQgLm5vZmxpY2s7XG5cdCYucmVtb3ZlIHtcblx0XHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdFx0dG9wOiAwO1xuXHRcdHJpZ2h0OiAtMTBweDtcblx0XHRjb2xvcjogIzk5OTtcblx0fVxufVxuXG5AbWVkaWEgb25seSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDExOTlweCkge1xuXHQubm90ZSB7XG5cdFx0bWluLXdpZHRoOiAyNjBweDtcblx0XHRtaW4taGVpZ2h0OiAyNjBweDtcblx0fVxufSJdfQ== */
/*# sourceMappingURL=sticky.css.map */