:root {
	--line: 1.5px solid rgb(219, 211, 211)
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

body {
    margin: 0;
    padding: 0;
    /* REMOVED: overflow: hidden; */
    
    /* Use flexbox to center the content initially */
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh; /* Ensures body stretches to at least the viewport height */
}

/* This is where the magic happens for the content */
.content {
	/* Removed position: fixed, top/left/transform */
    padding: 20px;
	
    /* Keeps content centered when it fits on screen, but allows scrolling when it overflows */
    position: relative;
    z-index: 1;
	width: 100%; /* Ensure content takes full width */
	max-width: 800px; /* Optional: Constrain max width for large screens */
}

.background-container {
    width: 100vw;
    height: 100vh;
    background-image: url('../img/space.png');
    background-size: 110% 110%; 
    background-position: center; 
    transition: background-position 0.1s linear; 
	
    position: fixed; /* Stays put as you scroll */
	top: 0;
	left: 0;
	z-index: -1; /* Pushes the background behind everything else */
}

/* Rest of your accordion styles remain untouched */
.accordion {
	width: 60vw;
    margin: 1rem auto; /* Added margin: auto to horizontally center your accordions */
	border-radius: .5rem .5rem .5rem .5rem;
	background-color: antiquewhite;
    /* ... rest of accordion styles ... */
	overflow: hidden;
}

.accordion.active {
	margin: .5rem 0;
	border-radius: .5rem;
}

/*.accordion:first-child {
	border-radius: .5rem .5rem 0 0;
}

.accordion:last-child {
	border-radius: 0 0 .5rem .5rem;
}*/

.accordion-header {
	padding: 1rem 1.5rem;
}

.accordion-header.active,
.accordion-header:hover {
	background-color: lightgray;
}

.number {
	font: 500 1.5rem sans-serif;
	color: green;
	margin-right: 1.5rem;
}

.accordion-header h1 {
	font-size: 1.1rem;
}

.icon {
	color: darkgrey;
	font: bolder 1.3rem sans-serif;
	float: right;
	margin-left: 1.5rem;
	cursor: pointer;
}

.panel {
	height: 0px;
	font-size: 0.9rem;
	overflow: hidden;
	transition: .2s ease-out;
}

.panel-body {
	padding: 2.5rem 1.5rem;
}

.panel-footer {
	padding: 1rem 1.5rem;
	text-align: right;
	border-top: var(--line);
}

.btn {
	padding: .8rem 1.4rem;
	border: none;
	border-radius: .4rem;
	cursor: pointer;
}

.btn-success {
	background-color: green;
	color: white;
}