/*Cursors*/

/* Default cursor — used everywhere unless overridden */
html, body, div, section, main, header, footer,
nav, article, aside, h1, h2, h3, h4, h5, h6,
p, span, img, ul, ol, li, table, tr, td, th {
  cursor: url('/Images/Normal.png') 0 0, auto;
}

/* Help — elements with a tooltip/explanation */
abbr[title], [title], .help {
  cursor: url('/Images/Help.png') 0 0, help;
}

/* Pointer - clickable elements */
a:hover, button:hover, [role="button"]:hover,
label[for]:hover, select:hover, summary:hover {
  cursor: url('/Images/Pointer.png') 0 0, pointer;
}

a:active, button:active, [role="button"]:active,
label[for]:active, select:active, summary:active {
  cursor: url('/Images/Pointer_click.png') 0 0, pointer;
}


/* Text — inputs, textareas, editable content */
input[type="text"], input[type="email"],
input[type="password"], input[type="search"],
input[type="url"], input[type="tel"],
input[type="number"], textarea,
[contenteditable="true"] {
  cursor: url('/Images/Text.png') 8 8, text;
}

/* Not-allowed — disabled elements */
:disabled, [aria-disabled="true"] {
  cursor: url('/Images/not-allowed.png') 0 0, not-allowed;
}

/* Grab / grabbing — draggable elements */
[draggable="true"]:hover {
  cursor: url('/Images/grab.png') 8 8, grab;
}
[draggable="true"]:active {
  cursor: url('/Images/grabbing.png') 8 8, grabbing;
}

/* Resize cursors — for resizable panels/handles */
.resize-ns { cursor: url('/Images/resize-ns.png') 8 8, ns-resize; }
.resize-ew { cursor: url('/Images/resize-ew.png') 8 8, ew-resize; }

/* Zoom — images or map-style views */
.zoom-in  { cursor: url('/Images/zoom-in.png') 8 8, zoom-in; }
.zoom-out { cursor: url('/Images/zoom-out.png') 8 8, zoom-out; }

/*body*/
body{
  background-color:teal; 
  color: black;
  font-family: 'Courier New', Courier, monospace;
}

.resizable {
  resize: both;
  overflow: scroll;
  border: 1px solid black;
}