@charset "utf-8";
/* CSS Document */

.topnav ul {
        font-family: 'quicksand', sans sarif;
        list-style-type: none;
        margin-left:20px;
        margin-top:20px;
        margin-bottom:20px;
        padding:10px;
        float:left;
        overflow: hidden;
        background-color: transparent;
        -moz-border-radius: 1em;
        -webkit-border-radius: 1em;
        border-radius: 1em;


    }

.topnav li {
        float: right;
        font-size:1.5rem;
}
        
.topnav li a {
        display: block;
        color: #ffffff;
        text-align: center;
        padding: 4px 22px;
        margin:1px 10px;
        text-decoration: none;
        transition-property:all;
        transition-duration: .25s ;
        transition-delay: .250ms;
        -moz-border-radius: 1em;
        -webkit-border-radius: 1em;
        border-radius: 1em;
        background-image: linear-gradient(#ffffff 2%, #5C5C5C 80%,#ffffff);
        border:thin outset #999999;

}

.topnav li a:hover {
        background-image: linear-gradient(#5C5C5C 2%, #ffffff 80%,#5C5C5C);
        transition-timing-function:ease-in-out;
        transition-duration: 500ms;
        /* filter:drop-shadow 10px 2px 3px #272727;
        color:white;
        -moz-box-shadow: -2px -7px 5px #d9d9d9 , 2px 7px 5px #ffffff;
        -webkit-box-shadow: -2px -7px 5px #d9d9d9 , 2px 7px 5px #ffffff;
	    box-shadow:-2px -7px 5px #d9d9d9 , 2px 7px 5px #ffffff;*/

}