#chart{ 
    height: 100vh;
}

#title{
   padding: 0.2rem;
   font-size: 1.3rem;
   pointer-events: none;
   user-select: none;
}

.item-text{
    pointer-events: none;
    user-select: none;
}

button, a{
    user-select: none;
}


#item-container{
    width: 100%;
    position:fixed;
    top: 30px;
    background-color: rgba(0, 0, 0, 0.2);
    height: 120px;
    gap:0.1rem;
    overflow-y: hidden;
    display: flex;
    z-index:120;
}

#solve-btn, #eval-btn{
    margin-right: 1rem;
    border:1px solid black;
    background-color: gainsboro;
    user-select: none;

}

.share-options{
   background-color: gainsboro;
   padding-left:1rem;
   width: 100%;
   position:fixed;
}


.placeholder{
   position: absolute;
   top:0px;
   left:0px;
   width: 0px;
   height: 0px;
   background-color: transparent;
   border: 3px dashed gainsboro;

}

.wrong{
   outline:5px solid red;

}

.correct{
   outline:5px solid lime;

}