.writenote .canvas{
    width: 100%;
    height: 100%;
    padding-top: 76px;
}

.writenote .canvasContainer{
    width: 100%;
    height: 100%;
}

.writenote canvas{
    /* background-size: 40px 40px;
    background-image: radial-gradient(circle, #333 1px, #00000000 1px); */
    resize: both;
}

/* .writenote canvas{
    background:
        linear-gradient(-90deg, rgba(0,0,0,.05) 1px, transparent 1px),
        linear-gradient(rgba(0,0,0,.05) 1px, transparent 1px), 
        linear-gradient(-90deg, rgba(0, 0, 0, .04) 1px, transparent 1px),
        linear-gradient(rgba(0,0,0,.04) 1px, transparent 1px),
        linear-gradient(transparent 3px, #f2f2f2 3px, #f2f2f2 78px, transparent 78px),
        linear-gradient(-90deg, #aaa 1px, transparent 1px),
        linear-gradient(-90deg, transparent 3px, #f2f2f2 3px, #f2f2f2 78px, transparent 78px),
        linear-gradient(#aaa 1px, transparent 1px),
        #f2f2f2;
    background-size:
        4px 4px,
        4px 4px,
        80px 80px,
        80px 80px,
        80px 80px,
        80px 80px,
        80px 80px,
        80px 80px;
} */
.writenote canvas{
    background:
        linear-gradient(-90deg, rgba(255, 255, 255, 0.05) 1px, transparent 1px),
        linear-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1px), 
        linear-gradient(-90deg, rgba(255, 255, 255, 0.04) 1px, transparent 1px),
        linear-gradient(rgba(255, 255, 255, 0.04) 1px, transparent 1px),
        linear-gradient(transparent 3px, #111 3px, #111 78px, transparent 78px),
        linear-gradient(-90deg, #777 1px, transparent 1px),
        linear-gradient(-90deg, transparent 3px, #111 3px, #111 78px, transparent 78px),
        linear-gradient(#777 1px, transparent 1px),
        #181818;
    background-size:
        4px 4px,
        4px 4px,
        80px 80px,
        80px 80px,
        80px 80px,
        80px 80px,
        80px 80px,
        80px 80px;
}