/* General page styling */

	#banner{
		width:778px;
		padding:2px;
		margin-right:auto;
		margin-left:auto;
    margin-top:2px;	
    text-align: center;
		opacity:.75;
		font-size:50px;
		font-family:Helvetica;
		z-index:999;
	}

body {
    font-family: Arial, sans-serif;
    margin: 20px;
  	background-color: black;
    color: white;
  
  	/* Set the background image and specify the path to your image file */
		background-image: url('https://codecraftworks.dev/web/HRO0zmnr0m9dIxSBz2B4/assets/49_Helmet.jpg');
  	/* Prevent the image from repeating if it's too small */
    background-repeat: no-repeat;
    /* Set the background size: width 30%, height 50% */
  	background-size: 30% 50%;
  	/* Center the image within the background area */
    background-position: bottom;
  	/* Optional: keeps the image fixed when scrolling */
    background-attachment: fixed; 
    
}    

/* Style for all links */
a {
    color: white;
    text-decoration: none;
    font-size: 18px;
}

/* Hover effect */
a:hover {
    text-decoration: underline;
    color: blue;
}

/* Visited link color */
a:visited {
    color: gold;
}

/* Heading styling */
h1 { text-align: center;
}

h1, h2 {
    color: red;
}