/*** RESET ***/
*{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-family:inherit;vertical-align:baseline;font-size:1em;font-style:normal;-webkit-font-smoothing:antialiased;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;/*user-select:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;*/tap-highlight-color:transparent;-webkit-tap-highlight-color:transparent;-moz-tap-highlight-color:transparent;-o-tap-highlight-color:transparent;}*, *::before, *::after{-webkit-transition:.5s;-box-transition:.5s;-o-transition:.5s;transition:.5s;}:hover,:active,:focus{outline:0 !important;}html, body{min-height:100%;font-family:sans-serif;font-size:1rem;position:relative;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}body{margin:0;padding:0;line-height:1;}article, footer, header, section{display:block;}ol, ul{list-style:none;}a{display:inline-block;text-decoration:none;background-color:transparent;color:initial;}a img{border:none;}a, button, input[type="submit"]{cursor:pointer !important;}button{// background-color:transparent;}img{width:100%;height:auto;}img::selection{fill:none;color:none;display:none;background:none;}input[type="text"], input[type="number"], input[type="search"], input[type="email"], textarea{text-align:left;max-width:100%;}input[type="checkbox"], input[type="radio"]{display:none;}input[type="submit"]{background-color:transparent;}label{display:inline;}textarea{resize:vertical;}
/*** END RESET ***/

/*** CANCEL ***/
html, body { height: 100%; }
main { height: 100%; }
/*** END CANCEL ***/
		
/*** COLORS ***/
.u-card-results span { background-color:#03EA60; }

.header,
.search-form,
.u-card { background-color: white; }
.search-form-submit,
.u-card-footer-author,
.u-card-results { color: white; }
.u-card-results p { border-color: white; }

html,
.footer-copyrights { background-color: #eee; }

.u-card-footer-author,
.u-card-results { background-color: black; }
.search-form-submit { background-color: black !important; }
.u-card-results span { color: black; }
.search-form-input { border-color: black; }
/*** END COLORS ***/
		
/*** FONTS ***/
@font-face{font-family:"OCR A";src:url("/assets/fonts/OCR-A-extended/ocraext.ttf");/*src:url("/assets/fonts/ALPHABETH.eot") format("embedded-opentype"),url("/assets/fonts/ALPHABETH.woff2") format("woff2"),url("/assets/fonts/ALPHABETH.woff") format("woff"),url("/assets/fonts/ALPHABETH.ttf") format("trutype"),url("/assets/fonts/ALPHABETH.svg") format("svg");*/}
body{font-family:"OCR A", serif;}
{font-family:"Arial Black", sans-serif;}

.u-card-header-title { font-size: 1.25em; }
		
.footer,
.header,
.search-results,
.u-card-results { text-align: center; }
.u-card-header-quote,
.u-card-header-title { text-align: left; }
.u-card { text-align: right; }

.footer-copyrights a,
.u-card-header-link { text-decoration: underline; }
/*** END FONTS ***/
		
/*** MEDIA ***/
html { background-image: url("/assets/images/matrix-black_www-dot-intobinary-dot-org.png"); }
html {
	background-size: 25% !important;
}
/*** END MEDIA ***/

/*** UTILITIES ***/
	/*** .u-card ***/	
	.u-card-header,
	.u-card-results p { padding: 1em; }
	.u-card-header-link {
		margin-top: .5em;
	}
	.u-card-results p { border-width: 0 0 .1em 0; border-style: dashed; }
	.u-card-results p:last-child { border: none !important; }
	
	.u-card-footer-author,
	.u-card-footer-logo {
		display: inline-block;
		vertical-align: middle;
	}
	.u-card-footer-author {
		padding: .5em 1em;
	}
	.u-card-footer-logo {
		width: auto; height: 1em;
	}
/*** END UTILITIES ***/

/*** PAGE: WELCOME ***/
	/*** PAGE: WELCOME ==> COMMONS ***/
	main { display: flex; }
	main { flex-direction: column; }
	.search { flex: 1; }
	
	/*** .footer ***/
	.footer-copyrights {
		display: inline-block;
		padding: .5em;
	}

	/*** .header ***/
	.header {
		position: relative;
	}
	.header-h1 img {
		height: 1.5em; width: auto;
		vertical-align: middle;
	}
	
	/*** .search ***/
	.search-form { display: flex; }
	.search.d-cssCentered { flex-direction: column; }
	.search-form-input { flex: 1; }

	.search-form,
	.search-results { width: 100%; }
	
	.search-form {
		margin-top: 1.9em;
	}
	.search-form-input {
		border-width: .19em; border-style: solid;
	}
	
	.search-results-card {
		display: inline-block;
		margin: 1.9em;
	}
/*** END PAGE: WELCOME ***/

/*** INTERACTIVITY ***/
.is-hidden { display: none; }
/*** END INTERACTIVITY ***/
		
/*** MEDIA QUERIES ***/
@media screen and (max-width:50em){
	/*** FONTS ***/
	html, body {font-size:14px;}
	
	/*** PAGE: WELCOME ==> .header ***/
	.header { padding: 1em; }

	/*** PAGE: WELCOME ==> .search ***/
	.search {
		padding: 0 1em;
	}
	.search-form {
		padding: .5em;
	}
	.search-form-input,
	.search-form-submit {
		padding: .5em .75em;
		margin: .5em;
	}
	.search-form-submit {
		text-indent: -9999px;

		position: relative;
		width: 2.5em;
	}
	.search-form-submit:before {
		content: "🔍";
		position: absolute; top: 0; left: 0; z-index: 100;
		width: 100%; height: 100%;
		
		background-color: purple;
	}
}
@media screen and (min-width:50em){
	/*** FONTS ***/
	html, body{font-size:16px;}
	
	/*** PAGE: WELCOME ==> .header ***/	
	.header { padding: 2em; }

	/*** PAGE: WELCOME ==> .search ***/
	.search-form {
		padding: 1.25em;
	}
	.search-form-input,
	.search-form-submit {
		padding: .75em 1.25em;
		margin: .75em;
	}

	.search-results {
		columns: 25em 4;
	}
	.search-results-card {
//		width: 25%;
	}
}
@media screen and (min-width:100em){
	html, body{font-size:21px;}
}
/*** END MEDIA QUERIES ***/

/*** DECORATION ***/
	/*** .d-cssCentered ***/
	.d-cssCentered {
		display: flex;
		align-items: center; justify-content: center;
	}
	
	/*** .d-midWrap ***/
	.d-midWrap {
		max-width: 80em;
		margin: 0 auto;
	}
/*** END DECORATION ***/
		
/*** CSS-HACKS ***/
/*** END CSS-HACKS ***/