html {
	display: block;
	background: #000;
	height: 100%;
	width: 100%;
	min-height: 100%;
	min-width: 260px;
	margin: 0;
	padding: 0;
}

body {
	display: block;
	min-height: 100%;
	margin: 0;
	color: #fff;
	font-family: "Open Sans", "Lucida Sans", Arial, Verdana, sans-serif;
	background: linear-gradient(to bottom, rgba(0,100,100,0.1) 0%, rgba(0,0,0,0.4) 100%), radial-gradient(at top center, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.8) 120%) #989898;
	background-blend-mode: multiply, multiply;
        font-size: 14px;
}
        .top-menu {
            background: #3f3d3d;
            border-bottom: 1px solid #6b6969;
            position: fixed;
            width: 100%;
            top: 0;
            z-index: 1000;
        }
        .menu-container {
            max-width: 1200px;
            margin: 0 auto;
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 0 20px;
        }
        .logo {
            font-size: 20px;
            font-weight: bold;
            color: #a9a7a7;
            text-decoration: none;
        }
        .nav-links {
            display: flex;
            gap: 30px;
        }
        .nav-links a {
            color: #c9c7c7;
            text-decoration: none;
            font-size: 14px;
            transition: color 0.3s;
        }
        .nav-links a:hover {
            color: #fff;
        }

.HR {
	clear: both;
	margin: 16px 6px;
	height: 1px;
	background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(249, 154, 6, 0.75), rgba(0, 0, 0, 0));
}

a {
	color: #FFE4B5;
}
#main {
	padding: 10px 5%;
}
#header {
	margin: 0 auto;
	max-width: 600px;
	width: 100%;
}

.img-box {
    display: table-cell;
    height: 18px;
    vertical-align: middle;
}

.info-box {
    color: #FFE4B5;
    text-align: right;
}