.notepad-title	{
        height: 36px;
        background: #f0d98c;
        border-bottom: 1px solid #c9b98f;
        overscroll-behavior:none;
        display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 10px 0 12px;
	font-family: Arial, sans-serif;
	font-weight: bold;
	color: #4a3a12;
	cursor: move;
	user-select: none;
	touch-action: none;
}

.notepad-drag-handle {
	flex: 1;
	height: 100%;
	display: flex;
	align-items: center;
	cursor: move;
}

.notepad	{
  z-index: 900;
  width: 25vw;
  height: 65vh;
  min-width: 320px;
  position: absolute;
  border: 1px solid #c9b98f;
  left: 50%;
  top: 50%;
  display:none;
  transform: translate(-50%, -50%);
  border-radius: 6px;
  //background: #fffdf2;
  //box-shadow: 0 4px 12px rgba(0,0,0,0.18);
  font-family: Arial, sans-serif;
  overflow: hidden;
}