.add-form {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

#pagination {
    position: fixed;
    bottom: 0;
    width: 100%;
    backdrop-filter: blur(3px);
}

.breadcrumb {
    border-bottom: 0.1em solid #80808014;
    padding-block: 0.5em 0.3em;
    background-color: aliceblue;
}

.badge {
    transition: 300ms;
}

.breadcrumb,
.add-form,
#mock-parts,
#pagination {
    user-select: none;
}

#mock-types {
    margin-top: 1em;
}

#mock-parts,
#sections,
#parts-container {
    max-width: 600px;
    margin: 2em auto;
}

#mock-parts>a,
#sections>a,
#parts-container>a {
    cursor: pointer;
    padding: 1em;
}

#mock-parts>a:hover {
    background-color: rgb(230, 243, 255);
}

#sections>a:hover {
    /* background-color: rgb(235, 230, 255); */
    background-color: rgb(230, 243, 255);
}

/* #mock-parts>a:hover .badge {
    background-color: white;
} */

a:hover .badge {
    background-color: white;
}

.page-item>span {
    cursor: pointer;
}

#tabs {
    justify-content: center;
}

#text,
#page {
    text-align: center;
}

/* #text-input{
    max-width: 600px;
    margin: 0 auto;
} */

#contents>* {
    max-width: 600px;
    margin: 0 auto;
}

#text-save {
    margin-block: 1em;
}

.form-select {
    width: auto;
    font-size: 0.85rem;
}

#parts-container>a:hover {
    /* background-color: rgb(255, 245, 230); */
    background-color: rgb(230, 243, 255);
}

#info {
    text-align: center;
}

#questions {
    max-width: 800px;
    margin: auto;
}

.question {
    /* background-color: #6969691f;
    box-shadow: 0 0 9px 1px #87cefa66; */
    border-top: 1px solid #f1f1f1;
    background-image: linear-gradient(transparent, #5d5d6929);
    filter: drop-shadow(2px 4px 6px #1d5d6929);
    padding: 1em;
    margin: 1em;
    margin-top: 2em;
    text-align: center;
    border-radius: 1em;
    /* box-shadow: 0 0 3px 1px #eee; */
    box-shadow: 0 0 3px 1px #50a6bc45;
    background-color: rgb(230, 243, 255);
}

.question textarea {
    width: 100%;
    border-radius: 0.7em;
    padding: 0.3em 0.6em;
    border-color: #c9c7c7;
    border-top-color: lightgrey;
}

.question>.form-check {
    margin: 1em auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

main {
    text-align: center;
}

#text-question-container {
    max-width: 600px;
    margin: 2em auto;
}

.blank {
    color: red;
}

.answer-4 {
    /* background-color: #4e677e;
    color: white; */
    padding: 0.25rem 1em;
    display: inline-block;
    margin-right: 0.5em;
}

.q5 {}

.ps-creator {
    display: flex;
}

.correct5 {
    background-color: #20b2aa54;
}

.ps-container {
    text-align: left;
    margin-top: 1em;
}

.ps-container li {
    padding: 0.5em 0.9em;
    transition: 200ms;
}

.ps-container li::marker {
    color: grey;
}

.add5 {
    margin-left: 0.3em;
}

.ans6{
    background-color: #20b2aa54;
}

.question6 li{
    margin-block-end: 0.5em;
    cursor: pointer;
}

#admin-login{
    margin: auto;
    margin-top: min(200px,20%);
    width: min(90%,300px);
}

#admin-login>h1{
    text-align: center;
    margin-bottom: 60px;
}

#answers-container{
    display: flex;
    gap: 10px;
    margin-inline: 2em;
    justify-content: center;
}

#answers-container .answer{
    background-color: beige;
    padding: .3em .8em;
    border-radius: .3em;
    user-select: none;
    box-shadow: 0px -1px 2px 0 grey;
    cursor: pointer;
}

#questions-container .question{
    max-width: 800px;
    margin-inline: auto;
}

#questions-container .question p {
    margin: 1em auto 0 auto;
    background-color: white;
}

.answer-d-start{
    
}

.invisible{
    display: none;
}

.question-drag-enter{
    background-color: hsl(209 100% 88% / 1);
}