@font-face {
    font-family: Hand;
    /*src: url(alliewriting__by_pixie_dixie_rulz.ttf);*/
}


.note {
    background-color: rgb(255, 240, 70);
    height: 250px;
    padding: 10px;
    position: absolute;
    width: 200px;
    max-width: 200px;
    display: block;
    word-wrap: break-word;
    -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.5);
}

    .note:hover .closebutton  {
        display: block;
    }
    .note:hover .collapsbutton {
        display: block;
    }
    .note:hover .savebutton {
        display: block;
    }
.collapsbutton {
   
    background-image: url("../../desktop/images/stickynotes/collapsButton.png");
    height: 16px;
    position: absolute;
    left: 160px;
    top: 0px;
    width: 16px;
}
    .collapsbutton:active {
        background-image:none;
    }
.closebutton {
      
    background-image: url("../../desktop/images/stickynotes/deleteButton.png");
    height: 16px;
    position: absolute;
    left: 182px;
    top: 0px;
    width: 16px;
}

    .closebutton:active {
        background-image: none;/* url("../../desktop/images/stickynotes/deleteButtonPressed.png");*/
      
    }

.savebutton {
    background-image: url("../../desktop/images/stickynotes/saveButton.png");
    height: 16px;
    position: absolute;
    left: 138px;
    top: 0px;
    width: 16px;
}

    .savebutton:active {
        background-image: none; /* url("../../desktop/images/stickynotes/deleteButtonPressed.png");*/
    }

.edit {
    background-color: rgb(255, 240, 70);
    outline: none;
    height: 235px;
    width: 190px;
    max-height:245px;
    overflow-y: no-display;
    border: none;
    resize: none;
}

.timestamp {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    font-size: 9px;
    background-color: #db0;
    color: darkslategray;
    border-top: 1px solid #a80;
    padding: 2px 4px;
    text-align: right;
}