:root {
    --font: 'Titillium Web', Arial,Helvetica,sans-serif !important
}

body {
    font-family: var(--font);
    background: black;
    color:  #C0C0C0;
}

select {
    font-family: var(--font);
}

.info {
    height: 75px;
}

.immersion {
    width: 100%;
    display: flex;
    flex-direction: row;
    gap: 4px;
}

.main-container {
    display: flex;
    flex-direction: row;

    justify-items: flex-start   ;
    padding: 10px;
}

.app-container {
    align-items: center;
}

.preview-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;

    width: 100%;
}

#cave-preview {
    width: 350px;
    height: 400px;
}