layout/css/statbate.css

body {
	font: 15px "Arial";
	background-color: #f3f3f5;
}

.statbate {
background: linear-gradient(#000, #000) no-repeat center/2px 100%;
	max-width: 790px;
	margin: 0px auto;
	padding: 10px;
}

.header {
	background-color: #eae8d4;
	border-radius: 8px;
}

.header_menu {
width: 100%; 
    display: flex;
    padding: 0.5rem 1rem;
    align-items: center;
    height: 49px;
}

.header_logo {
	height: 100%;
	width:158px;
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAzcAAAC1CAYAAABiQQGUAAAACXBIWXMAABcSAAAXEgFnn9JSAAAHZ2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNi4wLWMwMDYgNzkuMTY0NzUzLCAyMDIxLzAyLzE1LTExOjUyOjEzICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjIuMyAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDIyLTA4LTEzVDE3OjM3OjUxKzAzOjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyMi0wOC0xNlQyMDozMTozOCswMzowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyMi0wOC0xNlQyMDozMTozOCswMzowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpjOGU2NTBmNC01MGQ3LWFjNDYtYjNiYi1jNDJlMjcwODNmM2MiIHhtcE1NOkRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDpkZDNhMjBiOS04OTVkLTQ2NGItYjZkMy1jMGQ2OTVkODU5NGEiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoyMTk0ZGM4Yi1lN2Y5LWZiNGYtYmNhMy05MWYyMjliMWRiNDYiPiA8cGhvdG9zaG9wOkRvY3VtZW50QW5jZXN0b3JzPiA8cmRmOkJhZz4gPHJkZjpsaT41NUU2ODZCQTY4MUZFMjY0OTZBMjBBRjcyQTRBODg2ODwvcmRmOmxpPiA8cmRmOmxpPmFkb2JlOmRvY2lkOnBob3Rvc2hvcDowNGIzM2EzNC0zM2ZiLTEyNDItYjFiYi05NDc1ZGYzNjU2ODE8L3JkZjpsaT4gPHJkZjpsaT54bXAuZGlkOmNhNGQyNjZhLTIwNGYtNTI0MS1iOWJkLTY0NzY5NWQzMmE1ZjwvcmRmOmxpPiA8L3JkZjpCYWc+IDwvcGhvdG9zaG9wOkRvY3VtZW50QW5jZXN0b3JzPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjcmVhdGVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjIxOTRkYzhiLWU3ZjktZmI0Zi1iY2EzLTkxZjIyOWIxZGI0NiIgc3RFdnQ6d2hlbj0iMjAyMi0wOC0xM1QxNzozNzo1MSswMzowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDIyLjMgKFdpbmRvd3MpIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjb252ZXJ0ZWQiIHN0RXZ0OnBhcmFtZXRlcnM9ImZyb20gYXBwbGljYXRpb24vdm5kLmFkb2JlLnBob3Rvc2hvcCB0byBpbWFnZS9wbmciLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOmM4ZTY1MGY0LTUwZDctYWM0Ni1iM2JiLWM0MmUyNzA4M2YzYyIgc3RFdnQ6d2hlbj0iMjAyMi0wOC0xNlQyMDozMTozOCswMzowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDIyLjMgKFdpbmRvd3MpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDwvcmRmOlNlcT4gPC94bXBNTTpIaXN0b3J5PiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pk1nLmgAAGnYSURBVHic7Z13nCRVubCfU9Vhwk7YnHNiCbtkJWckg4hKNCCICqKioNfPHO8VQQExEASUoKJg4hquESQjySWHZZfNeXYndnfV+f443TM9Pd0zVTVVHWbe5/er6Z6qOu85XR3qvOdNas6cOQiCIFQrlmWRSCQqPYxKcynQA/yo0gOpFZRSdHV1VXoYgiAIVYnVnWHL6bvRdtIu0JOp9HBCxar0AARBEAbDcRyUUpUeRiVJAGcD3wOmVXgsNYPrupUegiAIglABRLkRBKHqcRyn0kOoJAcCbwFiwHVAvLLDqQ1EuREEQRidiHIjCEJVo5Qa7RPVO/Oevx04slIDqSW01pUegiAIglABRLkRBKHqGcWuad8Epub9r4BbKzOU2kKUG0EQhNGJKDeCIFQ9WmsYfZPVxcCHi+yfAny7zGOpOUS5EQRBGJ2IciMIQk3gjD7XtOuAlhLHLgCWlnEsNYcoN4IgCKMTUW4EQagJRlnczVnAMYMcbwEuLtNYag6t9Wj7vAiCIAhZRLkRBKEmGEUr8VOBKz2c90FgTMRjqUlG0WdFEARBKECUG0EQaoJRNGH9BDDd47k3RjmQWsV13dGagEIQBGHUI8qNIAg1wShxM5oIXO7j/HcAx0Y0lppEUocLgiCMbkS5EQShJhglcRRf83l+PNsmGcFYapJR8jkRBEEQSiDKjSAINYFSCtdxKj2MKFkAnB2g3X5IcoFetCg2giAIoxpRbgRBqBlcrUdqLIUNfJngCQK+DcwObzi1yyhMGS4IgiDkIcqNIAg1wwh2NzqEYFabHAq4GuOmNqoZRYknBEEQhCKIciMIQk0xAhUcBfwsBDmnA0eHIKemGYGfD0EQBMEHotwIglBTjMDJ6zeBySHJuiUkOTWJWG0EQRAEUW4EQagpRphysxvw4RDlTQbOC1FeTaG1FgVHEARhlBOr9AAEQRD84I6syesPgOaQZX4S+AXQE7LcqkeSCQiCINQ09ZjMoXOyzzWwA1gNvAKkvAgR5UYQhNoiuzo/ArKmnY9JJBA2y7KyfxCB7KpG0kALgiDUHA2YeNF3AwcAMxmon6SBl4C/AHcCTwIla0OIW5ogCEL5GQN8JkL5VwJNEcqvOpRSOCO7DpIgCMJIwgLOAZ4CfoPJGDqX4oaXOLA78HHgYeDPwIGDCRYEQagZRkhMxRHAvAjlNwI/jVB+1SGKjSAIQs1gA98BbgMWBWh7JPAPTH24AYhyIwhCzTECFJyvY36go+QE4PiI+6gaRoiroiAIwkhnPMbycinDuw/GgS8AXys8IMqNIAg1R42v0l8O7FGGfuKYH/1kGfqqKEopMplMpYchCIIgDE4jcB/G8hIWnwW+TZ47myg3giDUHI7j1Ooq/SLgS75babDSLgFe8d7Ax/w3qy1GWHpwQRCE8mCV/T56L/CWkGUqTJbQC
	background-repeat: no-repeat;
	background-position: center;
	background-size: 158px;
	opacity: 0.75;
}

.header_navbar {
	padding: 0;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: auto;
	display: flex;
	grid-gap: 12px;
}

.header_navbar li a {
	font-weight: bold;
	color: rgba(0, 0, 0, 0.5);
	text-decoration: none;
}

.header_navbar li {
	list-style-type: none;
	padding: 8px;
}

.header_track {
	color: #6c757d;
	text-decoration: none;
}

.nav_active {
	color: #795548 !important;
}

.content {
	margin-top: 12px;
	background: #fff;
	height: 250px;
	border-radius: 8px;
}

.footer {
	margin-top: 12px;
}

.footer_banner {
	margin-top: 12px;
}

.footer_bottom {
	margin-top: 12px;
}

.footer_social {
	display: flex;
	justify-content: center;
	grid-gap:24px;
}

.footer_social a {
    color: #6c757d;
    font-size: 32px;
    text-decoration: none;
}

.footer_social i {
	font-size: 32px;
	opacity: 0.5;
	transition: all 0.3s ease 0s;
}

.banner {
	width: 100%; 
	border-radius: 8px; 
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12), 0 1px 3px 0 rgba(0, 0, 0, 0.2);
	opacity: 0.5;
}
.header_mobile_nav,
.header_mobile {
	display: none;
}

.icon-menu-wrap {
	flex: 0 0 36px;
	display: flex;
	justify-content: flex-end;
}

.icon-menu span:first-child {
    top: 0px;
}

.icon-menu span:last-child {
    top: auto;
    bottom: 0px;
}

.icon-menu._active span {
	transform: scale(0);
}

.icon-menu._active span:first-child {
	transform: rotate(-45deg);
	top: calc(50% - 1px);
}

.icon-menu._active span:last-child {
	transform: rotate(45deg);
	bottom: calc(50% - 1px);
}
	
.icon-menu span {
    transition: all 0.3s ease 0s;
    left: 0px;
    top: calc(50% - 1px);
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #777777;
}

.icon-menu {
    position: relative;
    width: 25px;
    height: 20px;
    cursor: pointer;
    z-index: 5;
}

.header_mobile_nav {
	background-color: #bbbab5;
	border-radius: 8px;
	margin-top: 12px;
	text-align: center;
}

.header_mobile_nav a {
	display: block;
	padding: 10px;
	font-weight: bold;
	color: rgba(0, 0, 0, 0.5);
	text-decoration: none;
}

@media (max-width: 805px) {
	.header {
		display: none;
	}
	
	.header_mobile {
		width: 100%; 
		background-color: #eae8d4;
		border-radius: 8px;
		display: flex;
	}
	.header_track {
		flex: 0 0 82px;
		display: flex;
		justify-content: flex-start;
		
	}
	
	.header_logo {
		flex: 1;
		display: flex;
		justify-content: center;
		background-position: center;
	}
	
}

@media (any-hover: hover) {
	.footer_social i:hover,
	.banner:hover {
		opacity: 1;
	}
	.header_navbar li:hover a {
		text-decoration: none;
		color: #333333;
	}
	.header_logo:hover {
		background-image: url("data:image/png;base64,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
		opacity: 1;
	}
}