.sidebar ul li a.active {
    background-color: aliceblue;
    border-radius: 10px;
    border-style: solid;
    border-width: thin;
    border-color: lightgray;
    margin-top: 2px;
    margin-bottom: 2px;
    font-weight: bold;
}

.sidebar {
    margin-top: 0;
}

.panel-default {
    border: none;
}

#titleText {
    border-radius: 10px;
    background-color: aliceblue;
    padding: 10px;
    border-width: 2px;
    border-color: lightgray;
    border-style: solid;
    margin-bottom: 10px;
}

.gameText {
    border-radius: 5px;
    padding: 5px;
    margin: 10px;
    background-color: white;
    border-color: lightgrey;
    border-width: thin;
    border-style: solid;
}

.sidebar .sidebar-nav.navbar-collapse {
    padding-left: 10px;
    padding-right: 10px;
}

a {
    color: black;
}

.navbar-default {
    background-color: white;
}

.inAnchor {
    background-color: whitesmoke;
    margin-top: 2px;
    margin-bottom: 2px;
    font-style: italic;
    font-weight: bold;
    border-radius: 10px;
}
/* for hover over li objects */
.nav>li>a:focus, .nav>li>a:hover {
    background-color: floralwhite;
    font-style: italic;
    border-radius: 10px;
}

.sidebar .active > a > .fa.arrow:before {
    content: "\f107";
}

.centeredImage {
    display:block;
    margin:auto;
    margin-top:20px;
    margin-bottom:20px;
    max-width:100%;
    height:auto;
}

#playLink {
    margin-left: 10px;
    padding-right: 10px;
    padding-left: 10px;
    border-radius: 10px;
    color: white;
    white-space:nowrap;
    background-color: mediumseagreen;
}

#playLink:focus, #playLink:hover {
    font-style: italic;
    text-decoration: none;
}

/* Large desktops and laptops */
@media (min-width: 1200px) {

}

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {

}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {

}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
    #playLink, #titleText {
        font-size: 20px;
    }
    #titleText {
        margin: 5px;
    }
}

/* Portrait phones and smaller */
@media (max-width: 480px) {
    #playLink, #titleText {
        font-size: 20px;
    }
    #titleText {
        margin: 5px;
    }
}