*.accordian {
    /*box-sizing: border-box;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;*/
}

a.accordian {
    /*text-decoration: none;
    color: #25708e;
    border: hidden;*/
}

p {
    /*font-size: 1.1em;
    margin: 1em 0;*/
}

.description {
    margin: 1em auto 2.25em;
}

body {
    /*width: 40%;
    min-width: 300px;
    max-width: 400px;*/
    margin: 1.5em auto;
    /*color: #333;*/
}

h1 {
    /*font-family: 'Pacifico', cursive;
    font-weight: 400;
    font-size: 2.5em;*/
}

ul {
    list-style: none;
    padding: 0;
}

    ul .inner {
        padding-left: 1em;
        overflow: hidden;
        display: none;
    }

        ul .inner.show {
            /*display: block;*/
        }

    ul li {
        margin: .5em 0;
    }

        ul li a.toggle {
            width: 100%;
            display: block;
            background: rgba(112, 188, 218, 0.78);
            color: #ffffff;
            padding: .75em;
            border-radius: 0.15em;
            transition: background .3s ease;
        }

            ul li a.toggle:hover {
                background: rgba(65, 15, 11, 0.9);
            }