html, body {
    height: 100%;
}

body {
    background-image: url('./images/nuclear_reactor.jpg'); 
    height:100%; 
    width:100%;
    background-blend-mode: multiply;
}
.centered-text {
    align-items: center;
    height: 80vh;
    margin: 0;
    display: flex;
    justify-content: center;
}

.body-wrap {
    min-height: 100%;
    display: flex;
    flex-direction: column;
}

.body-content {
flex: 1;
}

.footer {
flex-shrink: 0;
}

.image-container {
    width: 300px; /* Set the width of the container */
    height: 200px; /* Set the height of the container */
    overflow: hidden; /* Hide any overflowing content */
}

.image-container img {
    width: 100%; /* Make the image take 100% of the container's width */
    height: auto; /* Automatically adjust the height to maintain aspect ratio */
}

.green-tint {
    background-color: rgba(0,150,50,1);
}

.blue-tint {
    background-color: rgba(0,50,100,1);
}

body.blue-tint {
    background-color: rgba(0, 0, 50, 0.85);
    color: #00ffc3;
}

.container p.display-1 {
    text-shadow: 0px 0px 8px rgba(255, 102, 102, 0.8);
}

button.btn-outline-light {
    color: #00ffc3;
    border-color: #00ffc3;
}

button.btn-outline-light:hover {
    background-color: #00ffc3;
    color: #000;
}

.nav-link.text-light {
    color: #ffffff;
}

.nav-link.text-light:hover {
    color: #00ffc3;
}