body {
    background-color: #000000;
    background-image: url("../images/background.jpg");
}

h1, p, button, td {
    color: white;
}

.back-button {
    display: flex;
    align-items: center;
    justify-content: center;
    
    text-align: center;
    text-decoration: none;
    font-size: min(1rem, 4vw);
    font-weight: bold;

    margin-top: 6px;
    width: min(9vw, 90px);
    height: min(4vw, 40px);

    border: none;
    border-radius: 5px;
    background-color: #5b799b;
    color: white;
    margin-left: 15px;
    padding: 5px 10px;
}

/* Adjust styles for smaller screens */
@media (max-width: 600px) {
    .back-button {
        font-size: 0.9rem;
        width: 80px;
        height: 40px;
    }
}

.back-button:hover {
    color: white;
	background-color: #6f90b3;
}

.fixed {
    position: fixed;
}

.absolute {
    position: absolute;
}

.margin-right-80 {
    margin-right: 80%;
}

.text-1 {
    font-size: clamp(1.56rem, 1vw + 1rem, 1.9rem);
}

.text-2 {
    font-size: clamp(16px, 3vw, 22px); /* min, preferred, max */
}

.text-3 {
    font-size: clamp(12px, 2.5vw, 22px); /* min, preferred, max */
    
}

.spacer {
    width: 6vw;
}

.background-transparent {
    background-color: rgba(45, 57, 105, 0.315);
}

.background-transparent-bright {
    background-color: rgba(62, 72, 107, 0.774);
}

.bold  {
    font-weight: bold;
}