table {
    width: 100%;
    border-collapse: collapse;
}
table, th, td {
    border: 1px solid black;

}
th, td {
    padding: 10px;
    text-align: left;
}
th {
    background-color: #f2f2f2;
}

h1{
    font-family: 'Dancing Script', cursive;
    padding: 2%;
    font-style: bold;
    color: #ffffff;
}

#title-bar{
    background:#32005c;
    opacity: 0.7;
    border-radius: 10px;
    margin-bottom: 3%;
}

h2 {
    font-family: 'Dancing Script', cursive;
    color: #32005c;
}


body{
    background-image: url('background.jpg');
    background-size: cover;
}

.qa-section{
            background-color: rgba(255, 255, 255, 0.5);
            border: 2px solid #32005c; 
            padding: 3%;
            border-radius: 10px;
            text-align: center;
}

.qa-container {
            background-color: rgba(255, 255, 255, 0.8); 
            border: 2px solid gray;
            padding: 20px;
            margin-bottom: 20px;
            border-radius: 10px;
}

#left{
    display: flex;
    justify-content: center;
    align-items: center;
}

.container-wrapper {
            border: 2px solid #32005c;
            padding: 20px;
            border-radius: 10px;
            margin-bottom: 3%;
}

#admin-title{
    color:#32005c !important;
}

.save-button{
    background-color:#32005c
}

#table-results{
    margin-top:5%;
}

.image-container {
    float: left;
    width: 40%;
    height: 300px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.image-container img {
    max-width: 100%;
    max-height: 100%;
}