main {
    position: relative;
    margin: auto;
    flex: 0.96;
    width: 96% !important;
    height: 96vh !important;
    background-color: var(--surface2);
    border-radius: 2vmin;
    box-shadow: var(--surface-shadow) 0 0 1vmin;
}

main > * {
    z-index: 1;
}

#background {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    z-index: 0;
    filter: blur(1vmin) opacity(0.3);
}

#backgroundimg {
    position: absolute;
    filter: none;
    height: 70vmin;
    transform: translate(5vmin, 0);
}

loading-element {
    width: 96vmin;
}

button {
    margin-top: 2vmin;
}

button > p {
    margin: 0;
}

.mode {
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    padding: 1vmin;
}

#modeImg {
    width: calc(var(--font-size) * 2);
}

#description {
    z-index: 1;
    position: absolute;
    top: 1vmin;
    left: 1vmin;
    width: 4vmin;
}

#descriptionContent {
    z-index: 1;
    position: absolute;
    top: 5vmin;
    left: 1vmin;
    width: 40vmin;
    background-color: var(--surface2);
    padding: 2vmin;
    border-radius: 2vmin;
    box-shadow: var(--surface-shadow) 0 0 2vmin;
}

a {
    color: var(--text2);
    text-decoration: none;
}