* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body, html {
    height: 100%;
    font-family: Raleway-Regular, sans-serif;
}
h1, h2, h3, h4, h5, h6 {
    margin: 0;
}
li, ul {
    margin: 0;
    list-style-type: none;
}
.limiter {
    width: 100%;
    margin: 0 auto;
}
.container-listbox {
    width: 100%;
    min-height: 100vh;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 15px;
    text-align: center;
    background-color: #CDCDCD;
    padding-top: 3rem;
}
.wrap-listbox {
    width: 560px;
    background: #fff;
    border-radius: 10px;
    position: relative;
    border: 1px solid rgba(40, 40, 40, .6);
    box-shadow: 0 0 .6rem 0 rgba(40, 40, 40, .4);
}
.listbox-border-up {
    padding: .5rem;
    background-color: #B9B9B9;
    border-radius: 10px 10px 0 0;
}
.listbox-border-down {
    padding: 1rem;
    background-color: #B9B9B9;
    border-radius: 0 0 10px 10px;
}
@media (max-width:576px) {
    .wrap-listbox {
    padding-left: 15px;
    padding-right: 15px;
}
}#menu ul ul {
    display: none;
}
#menu li {
    background-color: #E6E6E6;
    -webkit-transition: box-shadow .4s;
    -moz-transition: box-shadow .4s;
    -ms-transition: box-shadow .4s;
    -o-transition: box-shadow .4s;
    transition: box-shadow .4s;
}
#menu li:hover {
    -webkit-box-shadow: inset 0 0 .2rem 0 rgba(40, 40, 40, .8);
    -moz-box-shadow: inset 0 0 .2rem 0 rgba(40, 40, 40, .8);
    -ms-box-shadow: inset 0 0 .2rem 0 rgba(40, 40, 40, .8);
    -o-box-shadow: inset 0 0 .2rem 0 rgba(40, 40, 40, .8);
    box-shadow: inset 0 0 .2rem 0 rgba(40, 40, 40, .8);
}
#menu li:nth-child(2n) {
    background-color: #D9D9D9;
}
@keyframes shake {
    10%, 90% {
    transform: translate3d(0, 0, 0);
}
20%, 80% {
    transform: translate3d(1px, 0, 0);
}
30%, 50%, 70% {
    transform: translate3d(-2px, 0, 0);
}
40%, 60% {
    transform: translate3d(2px, 0, 0);
}
}#menu li h3 {
    cursor: pointer;
    margin: .3rem;
    -webkit-transition: text-shadow .5s;
    -moz-transition: text-shadow .5s;
    -ms-transition: text-shadow .5s;
    -o-transition: text-shadow .5s;
    transition: text-shadow .5s, font-size 2s;
}
#menu li h3:hover {
    cursor: pointer;
    text-shadow: 0 0 .5rem rgba(40, 40, 40, .4);
    animation: shake .35s cubic-bezier(.36, .07, .19, .97) both;
}
#menu li li {
    margin-top: .3rem;
    background-color: #f7f7f7;
    -webkit-transition: text-shadow .4s, box-shadow .4s;
    -moz-transition: text-shadow .4s, box-shadow .4s;
    -ms-transition: text-shadow .4s, box-shadow .4s;
    -o-transition: text-shadow .4s, box-shadow .4s;
    transition: text-shadow .4s, box-shadow .4s;
}
@keyframes float {
    0% {
    -webkit-transform: translateX(.5px) rotate(.5deg);
    -moz-transform: translateX(.5px) rotate(.5deg);
    -ms-transform: translateX(.5px) rotate(.5deg);
    -o-transform: translateX(.5px) rotate(.5deg);
    transform: translateX(.5px) rotate(.5deg);
}
    50% {
    -webkit-transform: translateX(-.5px) rotate(-.5deg);
    -moz-transform: translateX(-.5px) rotate(-.5deg);
    -ms-transform: translateX(-.5px) rotate(-.5deg);
    -o-transform: translateX(-.5px) rotate(-.5deg);
    transform: translateX(-.5px) rotate(-.5deg);
}
100% {
    -webkit-transform: translateX(.5px) rotate(.5deg);
    -moz-transform: translateX(.5px) rotate(.5deg);
    -ms-transform: translateX(.5px) rotate(.5deg);
    -o-transform: translateX(.5px) rotate(.5deg);
    transform: translateX(.5px) rotate(.5deg);
}
}#menu li li:hover {
    text-shadow: 0 0 .4rem rgba(62, 62, 62, .3);
    -webkit-box-shadow: 0 0 .6rem 0 rgba(0, 0, 0, .6);
    -moz-box-shadow: 0 0 .6rem 0 rgba(0, 0, 0, .6);
    -ms-box-shadow: 0 0 .6rem 0 rgba(0, 0, 0, .6);
    -o-box-shadow: 0 0 .6rem 0 rgba(0, 0, 0, .6);
    box-shadow: 0 0 .6rem 0 rgba(0, 0, 0, .6);
    -webkit-animation: float 1s ease infinite;
    -moz-animation: float 1s ease infinite;
    -ms-animation: float 1s ease infinite;
    -o-animation: float 1s ease infinite;
    animation: float 1s ease infinite;
}
#menu li a {
    color: #003a78;
    -webkit-transition: color .1s, text-shadow .1s;
    -moz-transition: color .1s, text-shadow .1s;
    -ms-transition: color .1s, text-shadow .1s;
    -o-transition: color .1s, text-shadow .1s;
    transition: color .1s, text-shadow .1s;
}
#menu li a:hover {
    text-decoration: none;
    color: #003ab7;
}
a:hover {
    text-decoration: none;
}