.drag-and-drop{
    height: 65vh;
    width: 60%;
    background: #ffffffb5;
    position: absolute;
    z-index: 10;
    transform: translate(30%, 30%);
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.drag-and-drop-content{
    height: 90%;
    width: 90%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border: #9c9c9c 2px;
    border-style: dashed;
    border-radius: 15px;
}

.dragging{ 
    background: #828080b5;
    transition: 0.3s;
    cursor: pointer;
}

.dragging > .drag-and-drop-content{
    color: white;
    transition: 0.3s;
    border-color: #fff;
}