/* kbd_nav.css */
label.hamburg{display: block;/*background-color:rgb(225, 174, 120);*/background-color: rgb(86, 49, 31);width: 60px;height: 60px; position: relative;/*top:1.0em;*//*margin-left: auto;margin-right: auto;*/transition: border-radius .5s;cursor:pointer;border-radius:60px;z-index:800}.line{position: absolute; left:15px;height: 4px;width: 30px; /*background: rgb(101, 58, 37);*/background: rgb(255,255,255);display: block; transition: 0.5s; transform-origin: center;border-radius:5px}.line:nth-child(1){top: 20px}.line:nth-child(2){top: 28px}.line:nth-child(3){top: 36px}#hamburg:checked + .hamburg .line:nth-child(1){transform: translateY(8px) rotate(-45deg)}#hamburg:checked + .hamburg .line:nth-child(2){opacity:0}#hamburg:checked + .hamburg .line:nth-child(3){transform: translateY(-8px) rotate(45deg)}nav.kbd-nav{height: auto; max-height:0; overflow: hidden; transition: all 0.5s ease;/*margin-bottom:2.0em;*/position: fixed;left:-100%;top:0}#hamburg:checked + .hamburg  + nav.kbd-nav{max-height: 100vh;/*max-height: 600px;*/height:100vh;position: absolute;left:0;top:0;background-color: rgb(225,174,120);z-index: 600}.kbd-nav ul{list-style-type:none;line-height:2.5}.kbd-nav .level_1{padding:6.0em 3.0em 0 3.0em}.kbd-nav .level_1 > li{border-bottom:1px solid rgb(86, 49, 31)}.kbd-nav .level_1 li.last{border:none}.kbd-nav .level_1 li a{color:rgb(101, 58, 37);text-decoration:none;font-size:1.5rem}.kbd-nav .level_1 li strong{color:rgb(101, 58, 37);text-decoration:none;font-size:1.5rem}