html, body {
			height: 100%;
			overflow-y: no-content;
			overflow-y: no-display;
			overflow-y: hidden;
		}

		
		
		#head {
		    height: 120px; 
		    position: absolute;
		}
		
		#editorContainer { 
			position: absolute; 
		} 
		
		#editor {
		    height: 100%; 
		}
		
		input[type=number] {
  float: left;
  width: 53px;
  height: 27px;
  padding: 0;
  font-size: 1.2em;
  text-transform: uppercase;
  text-align: center;
  color: #8F908A;
  border: 2px #8F908A solid;
  background: none;
  outline: none;
  pointer-events: none;
}

span.spinner {
  position: absolute;
  height: 30px;
  user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
}

span.spinner > .sub,
span.spinner > .add {
  float: left;
  display: block;
  width: 27px;
  height: 27px;
  text-align: center;
  font-family: Lato;
  font-weight: 700;
  font-size: 1.2em;
  line-height: 23px;
  color: #8F908A;
  border: 2px #8F908A solid;
  border-right: 0; 

  border-radius: 2px 0 0 2px;
  cursor: pointer;
  transition: 0.1s linear;
  -o-transition: 0.1s linear;
  -ms-transition: 0.1s linear;
  -moz-transition: 0.1s linear;
  -webkit-transition: 0.1s linear;
}

span.spinner > .add {
  top: 0;
  border: 2px #8F908A solid;
  border-left: 0;
  border-radius: 0 2px 2px 0;
}

span.spinner > .sub:hover,
span.spinner > .add:hover {
  background: #93504C;
  color: #25323B;
}
 input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
 -webkit-appearance: none;
}
		
#fontSizeSpinner { 
    display: block; 
    position: absolute; 
    bottom: 25px; 
    right: 27px; 
} 
.fleft{
    float: left;
}

.fright{
    float: right;
}

.mright {
    margin-right: 10px; 
}

#copy { 
    white-space: nowrap; 
    color: #333; 
    background-color: buttonface; 
    border: 2px solid buttonface; 
    border-radius: 3px; 
} 

#typeList { 
  height: 300px; 
  overflow-y: scroll; 
} 

#headline {
    font-family: "Consolas" ; 
}

@media (max-width: 530px) { 
    #headline { 
        font-size: 200%; 
    } 
    #head { 
        left: 10px; 
        top: 10px; 
    } 
    
    #editorContainer { 
        top: 95px; 
	    bottom: 10px; 
	    right: 10px; 
	    left: 10px; 
	} 
	
} 

@media (min-width: 531px) { 
    #headline{
        font-size: 300%;  
    } 
    
    #editorContainer { 
        top: 110px; 
	    bottom: 50px; 
	    width: 80%; 
	} 
	
	.fill { 
		height: 100%; 
		margin-left: auto; 
        margin-right: auto; 
        width: 80%; 
	} 
	
}