body {
    background: rgb(255,125,187);
    background: linear-gradient(151deg, rgba(255,125,187,1) 0%, rgba(134,0,255,1) 100%);

    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;

    height: 100%;
}

#main-panel {
    margin: auto;

    width: min(90%, 800px);
    height: min(90%, fit-content);

    min-height: 10px;
    background-color: var(--nav-background-color);
    border-radius: 6px;
    padding: 15px;
    margin-bottom: 10px;
    margin-top: 30px;
    transition-duration: 200ms;

    background-color: #121212;
    color: rgb(240,240,240);
    text-align: center;
}

#main-panel .type-select {
    color: var(--brand-pink);
    cursor: default;
}

#main-panel .type-select a {
    color: var(--brand-white);
    margin-left: 20px;
    margin-right: 20px;
    cursor: pointer;

    color: rgb(172, 172, 172);

    padding: 5px;
    border-radius: 2px;
}

#main-panel .type-select a.selected {
    background-color: var(--brand-pink);
    color: black;
    transform: scale(120%);
}

#main-panel .type-select a:hover {
    text-decoration: underline;
}

#submit-button img {
    position: absolute;
    margin-left: 10px;
    opacity: 0.9;
}