@font-face {
  font-family: GlassTTYVT220;
  src: local("Glass TTY VT220"), local("Glass TTY VT220 Medium"), url(Glass_TTY_VT220.ttf) format("truetype");
}

pre, div, input {
  font-size: 44px;
  font-family: GlassTTYVT220;
  color: #2f9119;
}


.ibm {
  font-size: 44px;
  font-family: GlassTTYVT220;
  color: #919191;
}



input[type=text], input[type=submit]:active, div.find a {
  background-color: #000000;;
  color: #000000;
}

html, input[type=submit], div.find a:active {
  color:  #1c9c1c;
  background-color: #000000;
}

a {
  color: #0a7abf;
}

a:hover {
  color: #6cec6c;
}

img {
    max-width: 100%;
    max-height: 100%;
}

.portrait {
    height: 80px;
    width: 30px;
}

.half {
    height: 40%;
    width: 40%;
}

.full {
    height: 100%;
    width: 100%;
}


.blink_me {
  animation: blinker 1s linear infinite;
  color: #6cec6c;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}

#command input {
	display: inline-block;
	width: 28.05em;
	width: 51ch; /* 80 - 29 */
	background: black;
	border: 0;
}

#blocker {
	position: fixed;
	margin: 0 auto;
	z-index: 9;
	top: 0;
}

#cmd-input {
	min-width: 1px;
	cursor: text;
	overflow: hidden;
	outline: 0;
}

#cmd-input:focus,
#cmd-input:active {
	cursor: none;
}

#cmd-cursor {
	position: absolute;
	left: 19.8em; /* .55 * 36 */
	left: 36ch;
	margin-left: -1px; /* sit over the real cursor in content editable */
	background: hsl(150, 100%, 50%);
	box-shadow: 0 0 5px;
}


#command.hide * {
	visibility: hidden;
}