html { font-family: monospace;  } 

#dns-lookup { 
	font-family: monospace; 
	margin-top: 50px;
	}
	
#history {
	position: fixed; 
	top: 0; 
	left: 50px; 
	z-index: 2; 
	font-size: 0.9em; 
	font-family: monospace; 
	}
	
.counter { 
	position: fixed; 
	top: 0; 
	left: 0; 
	z-index: 2; 
	font-size: 0.9em; 
	font-family: monospace;
	}
	
.domain { 
	text-transform: uppercase; 
	font-weight: 900; 
	font-size: 2em /* 16px=1em */; 
	text-align: center; 
	}
	
.center { margin: auto; }

table { margin: auto; background: white; color: black;}
table a, a:hover { color: blue; }
td { padding: 0 15px; }

		/* Chrome, Safari, Opera */
		@-webkit-keyframes myfirst {
			from {background: yellow; font-size: 1.5em; }
			to {background: red; font-size: 1.5em; }
		}

		/* Mozilla FireFox syntax */
		@-moz-keyframes myfirst {
			from {background: yellow; font-size: 1.5em; }
			to {background: red; font-size: 1.5em; }
		}
		
		/* Standard syntax */
		@keyframes myfirst {
			from {background: yellow; font-size: 1.5em; }
			to {background: red; font-size: 1.5em; }
		}

input[type=text] { padding: 5px; border-radius: 15px; }
input[type=text]:focus { background: yellow; }

/* =============== N O T === I N V E R T E D =============== */

.dns-form { 
	/*position: fixed; */
	top: 0; 
	left: 0; 
	background: #C8C8C8; 
	padding: 7px;
	/*
	padding-left: 15px;
	padding-bottom: 15px;
	*/
	width: 100%; 
	border-bottom: 3px solid black; 
	margin: auto; 
	text-align: center;
	}

.record-type {
	font-variant: small-caps;
	/*font-weight: 700; */
	font-size: 1.2em /* 16px=1em */; 
	text-align: left;  
	/*border-top: 2px solid grey;*/ 
	 background: #C8C8C8; /* light grey */
	/* background: #53BF00; /* light green */
	}
	
.note { background: yellow; font-weight: 700; }
.note_90_days, .note_60_days, .note_30_days  { background: green; font-weight: 700; 
-webkit-animation: myfirst 1s infinite; /* Chrome, Safari, Opera */
-moz-animation: myfirst 1s infinite; /* Chrome, Safari, Opera */
animation: myfirst 1s infinite; /* Chrome, Safari, Opera */
}
/*
.note_60_days { background: yellow; font-weight: 700; }
.note_30_days { background: yellow; font-weight: 700; }
*/
		