.issues-intro {text-decoration: underline !important}
      
        .join-box {clear:left;
                   float: left;
                    border: solid 1px black;
                   margin-left: -20px;
        }
        body {
            font-family: 'Poppins', sans-serif;
            padding: 20px;
            background: linear-gradient(to right, #90EE90, white);
            color: #fff;
            text-align: center;
        }
        p {color:black;}
        h1{color: black}
        h2 {
            margin-bottom: 20px;
            font-size: 1.8em;
            color: black;
        }
        .sortable-list {
            list-style: none;
            padding: 0;
            width: 18em;
            margin: auto;
            background: rgba(255, 255, 255, 0.1);
            border-radius: 10px;
            box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2);
        }
        .sortable-item {
            padding: 15px 20px;
            margin: 8px 0;
            background: rgba(255, 255, 255, 0.8);
            border-radius: 5px;
            border-width: 2px;
            border-color: black;
            font-size: 1em;
            background-color:  	#C8C8C8;
            color: black;
            font-weight: bold;
            cursor: grab;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            transition: background 0.2s, transform 0.2s;
        }
        .sortable-item:hover {
            background: #e8f0ff;
            transform: scale(1.03);
        }
        .dragging {
            opacity: 0.7;
            transform: rotate(-2deg);
        }
        .over {
            border: 2px dashed #ff8c42;
            background: #fff3e0;
        }