.flex {
	display:flex;
}

.column {
	flex-direction:column;
}

.row {
	flex-direction:row;
}

.column.start {
	justify-content:flex-start;
}

.column.center {
	justify-content:center;
}

.column.end {
	justify-content:flex-end;
}

@-webkit-keyframes rotate_cw {
	from 	{ transform: rotate(0deg); }
	to		{ transform: rotate(360deg); }
}

@-webkit-keyframes slide_right {
	from 	{ transform: translateX(0); }
	to		{ transform: translateX(-95px); }
}

@font-face {
    font-family: 'creditcard'; /*a name to be used later*/
   	src: url('../fonts/CREDC___.ttf')  format('truetype');
}

@font-face {
	font-family:"Digital-7 Mono";
	src:url("../fonts/dig7/digital-7__mono_.eot?#iefix") format("embedded-opentype"),
		/*url("../fonts/dig7/digital-7__mono_.woff") format("woff"),*/
		url("../fonts/dig7/digital-7__mono_.ttf") format("truetype"),
		url("../fonts/dig7/digital-7__mono_.svg#Digital-7Mono") format("svg");
	font-weight:normal;
	font-style:normal;
}

.saved_colors_div {
	box-shadow: 4px 6px 3px rgba(40, 40, 40, 0.8);
	text-align: center;
}

.saved_colors_div button {
	padding: 2px 7px;
	height: auto;
	margin: 4px;
	border-radius: 3px;
	border: none;
	width: 100%;
}




.clocks {
	/*display: flex;*/
	/*flex-direction: column;*/
	/*width: 100%;*/
	/*height: 50px;*/
	/*position:absolute;*/
	/*bottom:0px;*/
	margin-top:10px;
	padding-right: 5px;
}

.clock {
	position:relative;
	text-align:center;
	margin:auto;
}

.clock .digits {
	font-size:40px;
	font-family:'Lucida Console', Monaco, monospace;
	font-family:'Digital-7 Mono';
	opacity:0.65;
}

.clock.standard > .digits {
	color:rgb(0 220 255);
	-webkit-text-stroke-width: 0.5px;
	-webkit-text-stroke-color: black;
	min-height:40px;
}

.clock.shadow {
	position: absolute;
    top: 0px;
    /* color: rgb(30 130 30 / 8%); */
    color: rgb(150 150 150 / 8%);
    color: rgb(153 236 255 / 9%);
    width: 100%;
    height: 100%;
    left: 0px;
    font-size: 40px;
    font-family: 'Digital-7 Mono';
    /* overflow: hidden; */
    /* white-space: nowrap; */
}

.digits .shadow {
	position:relative;
}

.digits .shadow:after {
	font-family: arial;
    position: absolute;
    bottom: 2px;
    left: 38px;
    color: rgb(0 220 255);
    font-size: 11px;
}

.shadow.days:after {
    content: "d";
}

.shadow.hours:after {
    content: "h";
}

.shadow.minutes:after {
    content: "m";
}

.shadow.seconds:after {
    content: "s";
}

.ms_elapsed {
	display:none;
}

.ms.clock {
	top:5%;
}

.ms.clock .digits {
	font-size:2vw;
	font-family:arial;
}

/*.shadow.clock .digits {*/
/*    color: rgb(150 150 150 / 8%);*/
/*}*/