html, body {
    margin: 0;
    height: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
    font-family: 'Nunito', sans-serif;
}

button {
    all: unset;
    cursor: pointer;
}

button:hover {
    background-color: #f88379;
}

.large {
    font-size: 20pt;
}

.small {
    font-weight: normal;
    font-size: 12pt;
}

.container {
    position: relative;
    height: 100%;
}

.overlay {
    padding: 20pt;
    /*color: black; */
    color: white;
    left: 0pt;
    top: 0pt;
    width: 100%;
    height: 30vh;
    font-weight: bold;
    font-size: 20pt;
    /*background-image: linear-gradient(rgba(255,255,255,1), rgba(0,0,0,0));*/
    background-image: linear-gradient(rgba(0,0,0,0.9), rgba(255,255,255,0));
    position: absolute;
}

.central_overlay {
    /*color: black; */
    color: white;
    left: 0pt;
    top: 45vh;
    width: 100%;
    height: 30vh;
    font-size: 30pt;
    font-weight: bold;
    text-align: center;
    position: absolute;
}

.canvas {
    position: absolute;
    height: 100%;
    width: 100%;
}

.anomaly_list {
    overflow-y: scroll
}

.flip {
    transform: rotateY(180deg);
}

.button_group {
    display: flex;
    flex-direction: row;
    justify-content: center;
}