/* Position the "previous button" with curved corners to the left */
.previous {    
    border-radius: 3px 0 0 3px;
}

/* Position the "next button" with curved corners to the right */
.nextone {
    border-radius: 0 3px 3px 0;
}

/* Next & previous buttons */
.previous, .nextone {
    cursor: pointer;
    padding: 16px;
    color: black;
    font-weight: bold;
    font-size: 20px;
    user-select: none;
    -webkit-user-select: none;
}

/* On hover, add a black background colour with white pointer and opacity */
    .previous:hover, .nextone:hover {
        color: white;
        background-color: rgba(0, 0, 0, 0.8);
    }

/* Six columns side by side */
.column {
    float: left;
    width: 16.66%;
}

/* Add a transparency effect for thumnbail images */
.demo {
    opacity: 0.6;
}

    .active,
    .demo:hover {
        opacity: 1;
    }