.h1 {
	padding: 2px;
	font-size: 24px;
	}

body {
	background-color: #0a0a0a;
	color: #0076bc;
	font-family: Arial, sans-serif;
	text-align: center;
        }
        header {
	padding: 20px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: rgba(0, 118, 188, 0.2);
			
        }
        .hero {
	height: 85px;
	background-image: url(../images/reconai_logo_web.png);
	background-repeat: no-repeat;
	background-position: center center;
	left: 50%;
	right: 50%;
	display: block;
        }
        .features {
            display: flex;
            justify-content: center;
            gap: 20px;
            margin-top: 20px;
        }
        .feature-card {
	background: rgba(0, 234, 255, 0.1);
	padding: 20px;
	border-radius: 10px;
	border: 1px solid #0076bc;
	transition: opacity 0.3s ease-in-out;
        }
        .feature-card:hover {
            opacity: 1.0;
            background: rgba(0, 234, 255, 0.3);
        }
        button {
	background: #0076bc;
	color: #0a0a0a;
	border: none;
	padding: 10px 20px;
	font-size: 16px;
	cursor: pointer;
	transition: opacity 0.3s ease-in-out;
        }
        button:hover {
            opacity: 0.8;
        }
	.red {
	color: #e02826;
	}
footer {
	text-align: center;
	padding: 2px;
	border-top: 1px solid rgba(0, 118, 188, 0.2);
}