#resizable h3 {margin: 0; font-size: 2em; }
  
#resizableNote {
width: 300px;
border-radius: 10px;
min-width: 200px;
min-height: 140px;
position: absolute;
background: #F9DFA6;
padding: 10px;
box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.3);
cursor: url('../assets/cursor/hand//hand-01.svg'), url('../assets/cursor/hand/hand-01.png') 10 5, pointer !important;
z-index: 12 !important;
top: 50vh;
right: 10vw;
display: block;
transform: rotate(-3deg);
  -webkit-transform: rotate(-3deg); /* Safari & older Chrome */
  -moz-transform: rotate(-3deg);    /* Firefox */
  -ms-transform: rotate(-3deg);     /* Internet Explorer */
  -o-transform: rotate(-3deg);
}

#resizableNote:active {
width: 300px;
  scale: 1.1;
border-radius: 10px;
min-width: 200px;
min-height: 140px;

position: absolute;
background: #F9DFA6;
padding: 10px;
box-shadow: 12px 12px 10px rgba(0, 0, 0, 0.3);
        cursor: url('../assets/cursor/hand//hand-02.svg'), url('../assets/cursor/hand/hand-02.png') 8 -0, pointer !important;
z-index: 12 !important;
}




.ui-widget-header {
border-bottom: transparent;
background-color: transparent;
color: #9c6e2a;
font-weight: bold;
border-top: 0px;
border-right: 0px;
border-left: 0px;
padding-left: 5%;
text-align: left;
padding-top: 2%;
font-size: 1.3em;
}



.ui-resizable-handle ui-resizable-s{
	pointer-events: none;
	display: none;
	z-index: -10;
}

.ui-resizable-handle ui-resizable-e{
	display: none;
	pointer-events: none;
	z-index: -10;
}

.ui-widget-content {
border: 1px solid #dddddd;
background: #F9DFA6;
color: #333333;
  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.3);
  font-family: "Inter", serif;

      cursor: url('assets/cursor/arrow/cursor.svg'), url('assets/cursor/arrow/cursor.png')10 5, pointer !important;
}

.ui-widget-content a {
border: none;
  box-shadow: none;

}

.ui-widget-content a {
color: #9c6e2a;
left: 8%;
position: absolute;
text-wrap: balance;
margin-top: 4%;
margin-right: 8%;
line-height: 160%;
}





.ui-icon, .ui-widget-content .ui-icon {
background-image: url("https://dannss.com/note/resize.svg");
background-size: 14px 14px;
background-repeat: no-repeat;
background-position: center;
opacity: 0.4;
padding: 8px;

bottom: 0;
position: absolute;
right: 0;
border: 10px solid transparent;
}

.ui-icon:hover {
background-image: url("https://dannss.com/note/resize.svg");
background-size: 14px 14px;
background-repeat: no-repeat;
background-position: center;
opacity: 0.8;
bottom: 0;
position: absolute;
right: 0;
border: 10px solid transparent;
}

.ui-widget-content span{
	background-color: #e8c987;
padding-left: 6px;
padding-right: 6px;
padding-top: 0px;
padding-bottom: 2px;
border-radius: 5px;
border: 3px solid transparent;
}

.ui-widget-content span:hover{
background-color: #ffffff;
padding-left: 6px;
padding-right: 6px;
padding-top: 0px;
padding-bottom: 2px;
border-radius: 5px;
border: 3px solid transparent;
}

.ui-widget-content span:active{
background-color: #e8c987;
padding-left: 6px;
padding-right: 6px;
padding-top: 0px;
padding-bottom: 2px;
border-radius: 5px;
border: 3px solid transparent;
}



.ui-widget-header span{
float: right;
cursor: pointer;
background-image: url("close.svg");
background-size: 12px 12px;
background-repeat: no-repeat;
background-position: center;
position: relative;
height: 20px;
width: 10px;
padding: 0;
opacity: 0.6;
background-color: transparent;
}

.ui-widget-header span:hover{
float: right;
background-image: url("close.svg");
background-size: 12px 12px;
background-repeat: no-repeat;
background-position: center;
position: relative;
height: 20px;
width: 10px;
padding: 0;
opacity: 1;
background-color: transparent;
}

.ui-widget-header span:active{
opacity: 0.6;
}




.ui-widget-header span.close{
/* background-color: red; */
border: 10px solid transparent;
border-radius: 0px;
margin-top: -10px;
      cursor: url('http://dannss.com/assets/cursor/arrow/cursor.svg'), url('http://dannss.com/assets/cursor/arrow/cursor.png')10 5, pointer !important;
}

.ui-widget-header span.close:active{
border: 10px solid transparent;
border-radius: 0px;
margin-top: -10px;

      cursor: url('http://dannss.com/assets/cursor/arrow/click.svg'), url('http://dannss.com/assets/cursor/arrow/click.png')10 5, pointer !important;
}


.ui-widget-content {cursor: url('../assets/cursor/hand//hand-01.svg'), url('../assets/cursor/hand/hand-01.png') 10 5, pointer !important;}
.ui-widget-content:active {cursor: url('../assets/cursor/hand//hand-02.svg'), url('../assets/cursor/hand/hand-02.png') 10 5, pointer !important;}



.ui-widget-content #archiveLink{
      cursor: url('http://dannss.com/assets/cursor/arrow/cursor.svg'), url('http://dannss.com/assets/cursor/arrow/cursor.png')10 5, pointer !important;
}

.ui-widget-content #archiveLink:active{
      cursor: url('http://dannss.com/assets/cursor/arrow/click.svg'), url('http://dannss.com/assets/cursor/arrow/click.png')10 5, pointer !important;
}



.ui-resizable-handle{
      cursor: url('http://dannss.com/assets/cursor/arrow/cursor.svg'), url('http://dannss.com/assets/cursor/arrow/cursor.png')10 5, pointer !important;
}

.ui-resizable-handle:active{
      cursor: url('http://dannss.com/assets/cursor/arrow/click.svg'), url('http://dannss.com/assets/cursor/arrow/click.png')10 5, pointer !important;
}