/* Reset and Base Styles */
* {
    box-sizing: border-box;
}

body {
    margin: 0;
    padding: 0;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background-color: #162525;
    color: #131d1a;
    /* Flexbox layout to push footer to bottom */
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

/* Header Styling */
header {
	background-color: #232625;
    color: #22ff00;
    text-align: center;
    padding: 1.2rem;
    font-size: 2.0rem;
    text-align: center;
	text-shadow: 0px 0px 8px rgba(34,255,0,0.5);
    box-shadow: 0 2px 5px rgba(0,0,0,0.15);
}

header h1 {
    margin: 0;
    font-size: 1.8rem;
    font-weight: 500;
}

/* Main Content Area */
main {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2rem;
}

/* Image Styling */
.feature-image {
    width: 500px;        /* Adjust base size as needed */
    height: auto;        /* Maintains aspect ratio */
    max-width: 100%;     /* Prevents overflow on mobile */
    filter: drop-shadow(0px 0px 5px rgba(34,255,0,0.5));
    transition: transform 0.3s ease;
}

.feature-image:hover {
    transform: scale(1.2);
}

/* Footer Styling */
footer {
    background-color: #232625;
    color: #0fa078;
    text-align: center;
    padding: 1rem;
    font-size: 0.9rem;
    text-transform: uppercase;
    letter-spacing: 1px;
}