html {
    height: 100%;
}

body {
    --text: #e4f5e4;
    --background: #030803;
    --primary: #90ee90;
    --secondary: #257c25;
    --accent: #52cf52;
    
    --backgroundA: rgba(3, 8, 3, 0.75);
    
    position: relative; /* Ensure the body is positioned */
}

body::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Place it behind other content */
    
    /* Background image */
    background-image: url("https://bulkbrains.com/img/kandersteg-lake.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.fully-centered {
    width: 80%;
    max-width: 1000px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 600px;
}

form .error {
    color: red;
    display: none;
    text-align: center;
}