#column1{
    background-color: rgba(103, 99, 110, 0.1);
    overflow-y:scroll;
    height:600px;
}
#column2{
    background-color: rgba(103, 99, 110, 0.1);
    overflow-y:scroll;
    height:600px;
}
#column3{
    background-color: rgba(103, 99, 110, 0.1);
    overflow-y:scroll;
    height:600px;
}
#column4{
    background-color: rgba(103, 99, 110, 0.1);
    overflow-y:scroll;
    height:600px;
}
#column5{
    background-color: rgba(103, 99, 110, 0.1);
    overflow-y:scroll;
    height:600px;
}
::-webkit-scrollbar {
     width: 0;  /* Remove scrollbar space */
     background: transparent;  /* Optional: just make scrollbar invisible */
 }

#IssueCol{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
    column-gap: 2%;
}

.column {
    text-align: center;
    color: #4c4c4c;
    float: left;
    padding: 20px;
    margin: 10px;
    height: 900px;
    position: relative;

}

.column > h4{
    font-size: 1.4vw;
}

.column div{
    width: 94%;
    margin: 0 auto;
    padding: 5%;
    height: auto;
    background-color: white;
    display: block;
    border-radius: 5px;
    margin-top: 18px;
    box-shadow: 0 2px 6px 0 rgba(0,0,0,0.2);
    color: midnightblue;
}

.column > div > h4{
    font-size: 1vw;
    color: #fdb911;
}

.column > div > h5{
    font-size: 0.8vw;
    color: black;
}

.column button{
    margin-left: 20px;
    text-align: center;
    color : midnightblue;
    font-size : 14px;
    vertical-align: middle;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    border: 3px solid midnightblue;
    cursor: pointer;
}

.column div button{
    float: right;
    margin-right: 20px;
    text-align: center;
    color : midnightblue;
    font-size : 0.8vw;
    vertical-align: middle;
    width: 50%;
    height: 34px;
    border-radius: 6px;
    border: 2px solid midnightblue;
    cursor: pointer;
}




.blink_me {
    animation: blinker 2s linear infinite;
}
@keyframes blinker {
    50% {
        opacity: 0;
    }
}