body {
    background-color: rebeccapurple;
    font-family: courier;
    background-image: url(../images/bluebutton3.png);
}

.sidenav a {
    background-color: #1a1c5e;
    padding: 10px;
    position: fixed;
    right: 4px;
    color: white;
    text-decoration: none;
    z-index: 2;
}


.filterDiv {
    float: left;
    color: #ffffff;
    width: 160px;
    height:160px;
    margin: 2px;
    display: none;
    overflow: hidden;
}

.image {
    width:160px;
    zoom: 120%;
    left:-15px;
    top:-15px;
    position:relative;
}

.show {
    display: block;
}

.container {
    margin-top: 20px;
    overflow: hidden;
}

/* Style the buttons */
.btn {
    border: none;
    outline: none;
    padding: 12px 16px;
    background-color: black;
    cursor: pointer;
    color: white;
    margin:4px 0;
    font-family: courier;
    
}

b {
    font-size: large;
}

.btn:hover {
    background-color: midnightblue;
}

.btn.active {
    background-color: #2f005f;
    color: white;
}