/*===
Into Binary (https://trivia.intobinary.org)
&copy Coryright 2022 Into Binary. All rights reserved.
Written for -- www.trivia.intobinary.org
===*/


/*=== LIBRARIES ===*/
/*=== END LIBRARIES ===*/

/*=== CUSTOM ===*/
/*== [reset]==*/
	/*** 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;}*, *::before, *::after{-webkit-transition:.5s;-box-transition:.5s;-o-transition:.5s;transition:.5s;}:hover,:active,:focus{outline:0;}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 ***/
		/*== [TRIVIA -- Into Binary]==*/
	/*** CANCEL ***/
		
	/*** END CANCEL ***/
		
	/*** Z-INDEXES ***/
		.trivia-content-body-bg{position:relative;z-index:10;}.trivia-content-body-wrap{position:relative;z-index:20;}
	/*** END Z-INDEXES ***/
		
	/*** COLORS ***/
		.trivia{background-color:#03EA60;}.js-trivia-answer.is-correct{background-color:rgb(102, 226, 213) !important;}.js-trivia-answer.is-wrong{background-color:rgb(254, 76, 76) !important;}.trivia-content-body-answer,.trivia-content-body-bg,.trivia-content-body-question,.trivia-header-timer-box{background-color:#fff;}.trivia-header,.trivia[appMode="multiPlayer"] .js-trivia-answer.is-selected:before{color:#fff;}.trivia[appState="quiz"] .trivia-content-body-answer:hover,.trivia[appState="quiz"] .trivia-content-body-answer:active,.trivia[appState="quiz"] .trivia-content-body-answer:focus,.trivia-content-body-answer.is-selected{background-color:#AAA;}.trivia-header,.trivia[appMode="multiPlayer"] .js-trivia-answer.is-selected:before{background-color:#000;}.trivia-header-timer-box{color:#000;}
	/*** END COLORS ***/
		
	/*** FONTS ***/
		@font-face{font-family:"OCR A";src:url("https://trivia.intobinary.org/assets/fonts/OCR-A-extended/OCRAEXT.ttf");/*src:url("https://trivia.intobinary.org/assets/fonts/ALPHABETH.eot") format("embedded-opentype"),url("https://trivia.intobinary.org/assets/fonts/ALPHABETH.woff2") format("woff2"),url("https://trivia.intobinary.org/assets/fonts/ALPHABETH.woff") format("woff"),url("https://trivia.intobinary.org/assets/fonts/ALPHABETH.ttf") format("trutype"),url("https://trivia.intobinary.org/assets/fonts/ALPHABETH.svg") format("svg");*/}body{font-family:"OCR A", serif;}.trivia-header-timer-box{font-family:"Arial Black", sans-serif;}.trivia-content-title{font-size:2.75em;}.trivia-header-content-section{font-size:1.5em;}.trivia[appMode="multiPlayer"] .js-trivia-answer.is-selected:before{font-size:.5em;}.trivia-content-body-answer,.trivia-header-timer-box{font-weight:bold;}.trivia{text-align:center;}.trivia-content-body-answer{text-align:left;}
	/*** END FONTS ***/
		
	/*** MEDIA ***/
		.trivia-content{background:url("https://trivia.intobinary.org/assets/images/intobinary-matrix.png") center center transparent;}.trivia-content{background-size:25%;}
	/*** END MEDIA ***/
		
	/*** COMMONS ***/
		.trivia-content-body,.js-trivia-answer.is-selected{position:relative;}
	/*** END COMMONS ***/
		
	/*** COMPONENTS ***/
		body, html{width:100%;height:100%;}.trivia,.trivia-content-body-wrap,.trivia-content-wrap,.trivia-header-wrap,.trivia-header-timer-wrap{display:table;width:100%;height:100%;}.trivia-header,.trivia-content,.trivia-header-timer-box{display:table-cell;vertical-align:middle;}.trivia-content-body,.trivia-content-body-question,.trivia-content-body-answers,.trivia-content-footer,.trivia-content-header,.trivia-header-content,.trivia-header-logo,.trivia-header-menu,.trivia-header-timer{display:table-row;}.trivia-content-body,.trivia-content-body-question,.trivia-header-content{height:100%;}.trivia{width:100%;height:100%;width:100vw;height:100vh;//border:1px solid red;}.trivia-content{overflow:hidden;}.trivia-content-body-bg{position:absolute;top:0;left:0;width:100%;}.trivia-content-body-answers-list{overflow:visible;padding:1em;}.trivia-content-body-answers-list-item{padding:.25em;}.trivia-content-body-answer{width:100%;height:2.5em;display:block;padding:.1em .25em;border-width:.1em;border-style:solid;border-color:#000;}.trivia-content-body-question{display:table-cell;vertical-align:middle;}.trivia-content-header-wrap,.trivia-content-footer-wrap{position:relative;}.trivia-content-header-section,.trivia-content-footer-section{position:absolute;left:0;width:100%;height:100%;background-color:#000;color:#fff;}.trivia-header{height:100%;}.trivia-header-logo-wrap,.trivia-header-content-wrap,.trivia-header-timer-wrap{//border:1px solid red;}.trivia-header-content-wrap{height:100%;display:table-cell;vertical-align:middle;}.trivia-header-content-section{padding:1em 0;}
	/*** END COMPONENTS ***/
		
	/*** APP STATES ***/
		.trivia[appState="quiz"] .trivia-header-logo-icon.is-color_white,.trivia[appState="discussion"] .trivia-header-logo-icon.is-color_green{display:none;}.trivia[appState="quiz"] .trivia-content-body-bg{height:100%;}.trivia[appState="discussion"] .trivia-content-body-bg{height:0;}.trivia[appState="quiz"] .trivia-content-header-section{top:-100%;}.trivia[appState="discussion"] .trivia-content-header-section{top:0;}.trivia[appState="quiz"] .trivia-content-footer-section{bottom:-100%;}.trivia[appState="discussion"] .trivia-content-footer-section{bottom:0;}/*.trivia[appState="discussion"] .trivia-content-body-answer{opacity:.1;}.trivia[appState="discussion"] .trivia-content-body-answer.is-correct,.trivia[appState="discussion"] .trivia-content-body-answer.is-wrong{opacity:1 !important;}*/
	/*** END APP STATES ***/
		
	/*** GAME MODES ***/
		.trivia[appMode="multiPlayer"] .js-trivia-answer.is-selected:before{content:attr(data-time);position:absolute;top:0;right:0;padding:0 0 .1em .2em;}
	/*** END GAME MODES ***/
		
	/*** INTERACTIVITY ***/
		.is-hidden{display:none !important;}.is-visible{// display:inline-block;}.trivia[appState="discussion"] .js-trivia-answer{cursor:default !important;}.js-trivia-answer.is-correct{animation:shake .25s 5 alternate ease-in;}
	/*** END INTERACTIVITY ***/
		
	/*** MEDIA QUERIES ***/
		@media screen and (max-width:50em){.trivia-header-menu-button-word{display:none;}html, body{font-size:14px;}.trivia-header-timer-box{font-size:2em;}.trivia-header-content-question{font-size:1em;}.trivia-content-body-answer,.trivia-content-body-question{font-size:1.5em;}.trivia-header{width:10%;}.trivia-header-logo-icon{width:100%;}.trivia-header-timer-box-extra,.trivia-header-content-section{display:none;}.trivia-header-timer-wrap{padding:.5em;}.trivia-header-logo-wrap{// padding:0 1em;}.trivia-header-logo-icon{padding:1em 0;}.trivia-content-footer-wrap,.trivia-content-header-wrap,.trivia-header-timer-wrap{min-height:3em;}}@media screen and (min-width:50em){.trivia-header-menu-button-symbol{display:none;}html, body{font-size:16px;}.trivia-header-timer-box{font-size:4.5em;}.trivia-header-content-question{font-size:3em;}.trivia-content-body-answer,.trivia-content-body-question{font-size:2.5em;}.trivia-header{width:25%;}.trivia-header-logo-icon{width:45%;}.trivia-header-timer-wrap{padding:1em;}.trivia-header-logo-wrap{padding:0 1em;}.trivia-header-logo-icon{padding:1em;}.trivia-content-title{padding:.5em;}.trivia-content-body-answers-list-item{float:left;width:50%;}.trivia-content-footer-wrap,.trivia-content-header-wrap,.trivia-header-timer-wrap{min-height:6.5em;}}
	/*** END MEDIA QUERIES ***/
		
	/*** ANIMATIONS ***/
		@keyframes shake{from{transform:rotate(1deg);}to{transform:rotate(-1deg);}/*0%, 10%, 20%{transform:rotate(0deg);}21%, 30%, 40%{transform:rotate(2.5deg);}41%, 50%, 60%{transform:rotate(-2.5deg);}61%, 70%, 80%{transform:rotate(2.5deg);}81%, 90%, 100%{transform:rotate(0deg);}*/}
	/*** END ANIMATIONS ***/
		
	/*** DECORATION ***/
		
	/*** END DECORATION ***/
		
	/*** BETAs ***/
		html, body{min-height:30em;overflow-x:hidden;}.trivia-content-body{overflow-y:scroll !important;}.js-done,.js-next{padding:.5em 1em;font-variant:small-caps;text-transform:uppercase;font-weight:bold;background-color:#03EA60;}.js-done:hover,.js-done:active,.js-done:focus,.js-next:hover,.js-next:active,.js-next:focus{background-color:#AAA;}.trivia-header-menu-wrap{min-height:2.5em;}
	/*** BETAs ***/
		
	/*** TO DELETE ***/
		.trivia-header-timer-video{width:100%;border:1px solid red;}
	/*** TO DELETE ***/
		/*===END CUSTOM===*/