body{
	margin: 0;
	padding: 0;
	background-color: #33334d;
	font-family: 'Comfortaa', cursive;
}
h2 {
	margin: 5px;
	font-weight: bold;
}
.header {
	color: #2fb6b6;
}

.gm-style-iw {
	width: 200px !important;
	top: 15px !important;
	left: 0px !important;
	background-color: rgba(255, 255, 255, 0.55);
	box-shadow: 0 1px 6px rgba(178, 178, 178, 0.6);
	border: 1px solid rgba(72, 181, 233, 0.6);
	border-radius: 2px 2px 10px 10px;
	color:dimgrey;
	/*font-size: 42px;*/
}
.iw-text{
	font-size: 16px;

}
/* .container{
    display:grid;
    width: 100%;
    text-align: center;
    justify-content: center;

} */

.container {
	display: grid;
	grid-template-columns: auto 250px 524px 250px auto;
	grid-template-rows: auto 768px ;
	grid-column-gap: 0px;
	grid-row-gap: 0px;
}

/* .left { grid-area: 1 / 1 / 6 / 2; }
.right { grid-area: 1 / 5 / 6 / 6; }
.headL { grid-area: 1 / 2 / 2 / 3; }
.headC { grid-area: 1 / 3 / 2 / 4;}
.headR { grid-area: 1 / 4 / 2 / 5;}
.main { grid-area: 2 / span 2 } */
.left { grid-area: 1 / 1 / 6 / 2; }
.right { grid-area: 1 / 5 / 6 / 6; }
.headL { grid-area: 1 / 2 / 2 / 3; }
.headC { grid-area: 1 / 3 / 2 / 4;}
.headR { grid-area: 1 / 4 / 2 / 5;}
.main { grid-area: 2 / span 2 }
div.headC {
	text-align: center;
}
div.headL {
	position:relative;
}
div.headL #clock{

	position:absolute;
	bottom:5px;
	left:10px;
	color:green;
	font-weight: 600;
}
div.headR {
	position:relative;
}
div.headR #counter{

	position:absolute;
	bottom:5px;
	right:10px;
	color:green;
	font-weight: 600;
}
div.left {
	position:relative;
}

#btnHelp {
	font-family: 'Font Awesome 5 Free';
	/*content: "\f059";*/
	font-weight: 900; /* <-- add this */
	position: absolute;
	top:50px;
	right:1px;
	background-color: rgba(255, 255, 255, 0);
	color: #2fb6b6;
	border:0;
	cursor: help;
}
div.right {
	position:relative;
}

#btnHistory {
	font-family: 'Font Awesome 5 Free';
	/*content: "\f3c5";*/
	font-weight: 900; /* <-- add this */
	position: absolute;
	top:50px;
	left:1px;
	background-color: rgba(255, 255, 255, 0);
	color: #2fb6b6;
	border:0;
	cursor: pointer;
}
#historyList {
	position: absolute;
	color: #2fb6b6;
	list-style: none;
	float:right;
	top:75px;
	left:1px;
	padding: 0 10px 0 10px;
	padding-left: 10px;
	/*font-family: 'Comfortaa', cursive;*/
}
#clock:before {
	font-family: 'Font Awesome 5 Free';
	content: "\f017";
	font-weight: 900; /* <-- add this */
}
#counter:before {
	font-family: 'Font Awesome 5 Free';
	content: "\f3c5";
	font-weight: 900; /* <-- add this */
}

#historyList li:nth-child(3n+1):before{
	font-family: 'Font Awesome 5 Free';
	content: "\f017";
	font-weight: 900; /* <-- add this */
}
#historyList li:nth-child(3n+2):before{
	font-family: 'Font Awesome 5 Free';
	content: "\f207";
	font-weight: 900; /* <-- add this */
}
#historyList li:nth-child(3n+3):before{
	font-family: 'Font Awesome 5 Free';
	content: "\f007";
	font-weight: 900; /* <-- add this */
}

/*#historyList li:nth-child(even):before{*/
/*	font-family: 'Font Awesome 5 Free';*/
/*	content: "\f3c5";*/
/*	font-weight: 900; !* <-- add this *!*/
/*}*/
#historyList li:nth-child(3n+1){
	margin-top: 10px;
}
#historyList li:nth-child(3n+2){
	margin-top: 3px;
}
#historyList li:nth-child(3n+3){
	margin-top: 2px;
	margin-bottom: 15px;
	text-transform: capitalize;
}
/*#listNote:before{*/
/*	font-family: 'Font Awesome 5 Free';*/
/*	content: "ewdasdfsefwef";!important;*/
/*	font-weight: 900; !* <-- add this *!*/
/*}*/
.markerLabel {
	left: 20px;
	top: 15px;
	position: relative;
	background: rgba(0, 0, 0, 0.5);
	padding-top: 3px;
	padding-right: 2px;
	/*-webkit-text-stroke-width: 1px;*/
	/*-webkit-text-stroke-color: lightgrey;*/
}