#history .main-container {
    /* background-color: oklch(0.2 0.09 27.17 / 0.59); */
    /* background-color: transparent; */
}
#history .card{
    /* background: oklch(0.19 0.05 244.28); */
    border-left: 8px solid oklch(0.86 0.21 108.23);
    border-radius: 8px;
}
#history .card h2 {
    color: oklch(0.86 0.21 108.23);
}
#history .card p,
#history .card ul {
    color: oklch(0.78 0.18 108.41);
}

/* 
.history-images {
    
    display: flex;
    max-width: 800px;
    width: 100%;
    margin: auto;
    align-self: center;
}
#brix {
    max-width: 800px;
    width: 100%;
}

.summary {
    flex: 1 1 200px;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
    background: #f9f9f9;
}

#plottermain {
    display: block;
    width: 100%;
}
.azgps {
    position: relative;
    display: block;     
    max-height: 575px;
}
.az-login{
    z-index: 1;
    position: absolute;
    display: block;
    top: 159px;
    left: 467px;
    width: 232px;
}
.az-view {    
    position: relative;
}
.noformz {
    display: flex;
    position: relative;
}
.noformz-image {
    position: relative;
}

#noformzmain{
    width: 100%;
    z-index: 0;
}

#noformz{
    display: flex;
    flex-direction: column;
} */