html {
    background-image: conic-gradient(#ff3019 0% 4.17%, #fc9a2b 0 7.33%, #fad11b 0 12.5%, #46e055 0 16.67%, #216afc 0 20.83%, #a148db 0 25%, #ff3019 25% 29.17%, #fc9a2b 0 33.33%, #fad11b 0 37.5%, #46e055 0 41.67%, #216afc 0 45.83%, #a148db 0 50%, #ff3019 0% 54.17%, #fc9a2b 0 57.33%, #fad11b 0 62.5%, #46e055 0 66.67%, #216afc 0 70.83%, #a148db 0 75%, #ff3019 25% 79.17%, #fc9a2b 0 83.33%, #fad11b 0 87.5%, #46e055 0 91.67%, #216afc 0 95.83%, #a148db 0 100%);
    background-position: -50vw -50vh;
    background-size: 200% 200%;
    height: 100%;
}

body {
    display: block;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#faculty-semester {
    display: flex;
    justify-content: center;
}

#scores {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

#scores > div {
    width: fit-content;
}

input[type=number] {
    max-width: 8ch;
}

label {
    margin-right: 1rem;
}

main {
    padding: 1rem;
    background-color: #fff1;
    backdrop-filter: blur(2px);
    border-radius: 1rem;
}