:body {
   
    background-image: url('pages/nebula.jpg'); 
    background-size: cover; 
    background-attachment: fixed; 
    font-family: sans-serif;
   
}

.container {
    max-width: 970px;
    margin: 40px auto; 
    padding: 20px;
    background-color: rgba(0, 0, 0, 0.7); /* Adds a transparent black background behind your content */
    border-radius: 10px;
}

h1 {
    text-align: center;
    font-size: 3em;
    border-bottom: 2px solid white;
    padding-bottom: 10px;
}

.theory-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px; 
    margin-top: 20px;
}

.theory-box {
    background-color: #FFB6C1; /* Solid black background for each box */
    border: 2px solid #C0CFB2; /* White border for each box */
    padding: 20px;
    border-radius: 8px;
}

.theory-box h2 {
    margin-top: 0;
}