body {
	/* border: 3px solid green;  */
	height: 100vh;
	background-color: #000 !important;
}

.container-fluid {
 	/* border: 1px solid yellow;  */
}

.row {
 	 /* border: 1px solid red;   */
}

.row>* {
 	 /* border: 1px solid green; */
}

.hide {
	display: none;
	
}


/*  #########################  */
/* Header  */

.header {
	font-family: 'VT323', monospace !important;
/* 	font-family: 'Space Mono', monospace; */
/* 	font-family: 'Press Start 2P', cursive; */
	font-size: 10em;
	color: #FFF !important;
	line-height: 1em;
}

@media all and (max-width: 600px) {
	.header {
		font-size: 5em
	}
}

.digital {
/* 	background-color: lightblue; */
	font-family: 'Press Start 2P', cursive;
  font-size: 15vw;
	color: #FF0;
}

.analog, .reset {
	margin-top: 10px;
/* 	border: 1px solid lightgreen; */
	font-family: 'VT323', monospace;
  font-size: 7vw !important;
	width: 100%;
/* 	display: none; */
}

.white {
	background-color: #FFF !important;
}

.red {
	background-color: #FE4438 !important;
	border: 1px solid #FE4438 !important;
}

.red:hover {
	/* background-color: #FE4438; */
	opacity: 0.8;
	/* border: 1px solid #FE4438; */
}

.btn-primary {
	font-family: 'VT323', monospace;
	font-size: 7vw !important;
	min-width: 65px;
}

.btn, .btn-group {
	border-radius: 0px;
}

.session, .break {
	color: #FFF;
	font-family: 'Space Mono', monospace;
	margin-top: 10px;
  font-size: 4vw;	
}

.session>* {
	background-color: #000 !important;
	border:1px solid #000 !important;
}


.line-break {	 
	margin: 30px 0 0 0;
	height: 1px;
	background: black;
	background: -webkit-gradient(linear, 0 0, 100% 0, from(#000), to(#000), color-stop(50%, #FFF));
}


/* ####################### */
/* explanation of pomodoro */

.explain {
	margin-top: 15px;
}

.explain * {
	background-color: #000;
}

.border-show {
	border: 1px solid #AAA;
}

.explain-title {
	background-color: #000 !important;
	font-family: 'Patua One', cursive;
	color: #0F0;
	cursor: pointer;
	
	transition: all .35s ease-in;
}

.explain-title:hover {
	color: fuchsia;
}

.explain-active {
	/* opacity: 0.2; */
	color: fuchsia;
	transform: scale(1.2);
}

.explain-section {
	padding: 10px;
}

.subtitle {	
	color: #AAA;
	font-family: 'Space Mono', monospace;
	
}

.explText {
	color: #AAA;
/* 	font-family: 'Bungee Hairline', cursive; */	
/* 	font-family: 'Coda', cursive; */
	font-family: 'Kelly Slab', cursive;
/* 	font-weight: 100; */
	line-height: 1.15;
}

.tab {
	margin-left: 10px;
}

.dblTab {
	margin-left: 30px;
}


@media all and (min-width: 600px) {
	.row {
/* 		border: 1px solid red; */
	}
	
	h1 {
		font-size: 75px;
	}

	.btn-primary {
		font-size: 30px !important;
	}
	
	.digital {
		font-size: 125px !important;
	}
		
	.analog, .reset {
		font-size: 35px !important;
	}
		
	.session, .break {
		font-size: 20px !important;
	}

	.explain-active {
		transform: scale(1.5);
	}
}


/*  
****************************
 **** LINK PROPERTIES ****
****************************
*/	
a:link {
	background-color: #000;
	color: #0F0;
}

a:active {
	background-color: #0F0;
	color: #000;
}

a:visited {
	background-color: #000;
	color: #080;
}

a:hover {
	background-color: #0F0;
	color: #000;
}