/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */
body {
	
	background-color: #d56a93;
			color: #fff;
			font-family: Roboto, Roboto;
			font-size: 16px;
			line-height: 1.5;
			margin: 0;
			padding: 0;
		}
		header, main, footer {
			max-width: 1040px;
			margin: 0 auto;
			padding: 20px;
			
		}
		header {
			background-color: #333;
			text-align: center;
			border-radius: 5px;
		}
		h1 {
			font-size: 36px;
			margin: 0;
			text-align: center;
		}
		p {
			margin: 10px 0;
			text-align: center;
		}
		article {
			background-color: #444;
			padding: 20px;
			text-align: center;
			border-radius: 5px;        
      max-width: 800px;          
      margin: 50px auto;
			
		}
		h2 {
					color: #fff;
			font-size: 24px;
			margin-top: 0;
		}
		img {
			max-width: 100%;
			height: auto;
		}
		footer {
			background-color: #333;
			text-align: center;
		}
		
		section {
      background-color: #282828;    
      color: #9999cc;
      padding: 30px;
      margin: 50px auto;
      max-width: 800px;
      border-radius: 5px;
      box-shadow: 0 0 10px rgba(0,0,0,0.3);
		}
		
		 .back-button {
            position: absolute;
            top: 10px;
            left: 10px;
            display: inline-block;
            padding: 8px 16px;
            text-decoration: none;
            font-family: Arial, sans-serif;
            font-size: 50px;
            border-radius: 5px;
        }
        .back-button .arrow {
            margin-right: 5px;
        }

/* Basic link color - multiple selectors for maximum coverage */
a, a:link {
    color: #ffffff !important; /* Pure white for maximum contrast */
    text-decoration: underline !important;
}

/* Link when hovered over */
a:hover {
    color: #ffcc99 !important; /* Light peach/orange - warm and inviting */
    text-decoration: none !important;
}

/* Link when being clicked */
a:active {
    color: #ff9966 !important; /* Darker orange when clicking */
}

/* Visited links */
a:visited {
    color: #cccccc !important; /* Light gray to show it's been visited */
}

/* Extra specific rules to catch any stubborn links */
body a, section a, header a, footer a, nav a, div a {
    color: #ffffff !important;
}

body a:hover, section a:hover, header a:hover, footer a:hover, nav a:hover, div a:hover {
    color: #ffcc99 !important;
}