/* body {

    padding: 1em;

    max-width: 700px;

    margin: auto;

    text-align: center;

    background-color: rgb(113 160 201)

} */



.quiz-img {

    max-width: 500px;

    display: inline-block;
    
    margin: auto;

    position: relative;

}

.quiz-img img {

    width: 100%;

    height: auto;
    user-drag: none;
    -webkit-user-drag: none;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

.input-holder {

    background: #5e5e5eb0;

    width: 56px;

    height: 56px;

    position: absolute;

    border-radius: 50%;

    border: 3px dashed #000;

    overflow: hidden;

}

.input-holder .delete {

    width: 10px;

    height: 10px;

    text-align: center;

    background-color: rgb(155, 2, 2);

    border-radius: 50%;

    cursor: pointer;

    color: #FFF;

    font-size: 8px;

    padding: 4px;

    margin-top: -10px;

}

.input-holder .input-value {

    margin-top: 6px;

    background:transparent;

    width:100%;

    border:0;

    border-bottom:1px solid #acacac;

    text-align:center;

    color:#FFF;

    font-size:16px;
    
    position: absolute;
    top: 14px;
    left: 0;

}

.input-holder input:focus-visible {

    outline:0;

}



.draggable {

    width: 46px;

    height: 46px;

    padding: 1px;

    text-align: center;

    float: left;

    margin: 0;

    background: #a56523;

    color: #fff;

    cursor: move;

    border-radius: 50%;

    line-height: 2.7rem;

    font-size: 1.5rem;

    margin: 11px 10px;

    z-index: 1;

}



.draggable.wrong {

    background: #d31616;

}



.draggable.right {

    background: #439d1e;

}







.draggable p {

    margin: 2px 0;

}



.droppable p {

    float: right;

    width: 50px;

    height: 30px;

    padding: 5px 5px 0 0;

    text-align: center;

    margin: 0;

}


/* 
.container {

    clear: both;

    margin: 10px;

    width: 100%;

} */



.droparea {

    float: left;

    width: 100%;

    height: 100%;

    border-radius:50%;

}



button {

    background-color: #FFF;

    border: 1px solid rgb(68, 68, 68);

    font-size: 20px;

    padding: 4px 6px;

}