*,h1,h2,h3,h4,h5,h6,li,ul{margin:0}#menu li a:hover,a:hover{text-decoration:none}*{padding:0;box-sizing:border-box}body,html{height:100%;font-family:Raleway-Regular,sans-serif}li,ul{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:3rem 15px 15px;text-align:center;background-color:#cdcdcd}.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:.35s cubic-bezier(.36,.07,.19,.97) both shake}#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%,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)}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)}}#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:1s infinite float;-moz-animation:1s infinite float;-ms-animation:float 1s ease infinite;-o-animation:1s infinite float;animation:1s infinite float}#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{color:#003ab7}