body{margin:0;font-family:sans-serif}.section{background-color:#e1e8ed;position:absolute;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.menu *{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none}.menu{position:relative}.menu .menu__btn{width:50px;height:50px;display:block;background-color:#fff;border-radius:50%;box-shadow:0 0 10px #10161a33;z-index:2;position:relative;transition:.15s}.menu .menu__btn .menu__burger,.menu .menu__btn .menu__burger:before,.menu .menu__btn .menu__burger:after{position:absolute;top:50%;margin-top:-1px;left:50%;margin-left:-10px;width:20px;height:2px;background-color:#293742;transition:.25s;display:block}.menu .menu__btn .menu__burger:before,.menu .menu__btn .menu__burger:after{content:""}.menu .menu__btn .menu__burger:before{transform:translateY(-5px)}.menu .menu__btn .menu__burger:after{transform:translateY(5px)}.menu .menu__btn:hover{box-shadow:0 0 5px #10161a33}.menu .menu__content{position:absolute;left:50px;top:50px;width:160px;background-color:#fff;border-radius:5px;box-shadow:0 0 5px #10161a33;overflow:hidden;z-index:1;visibility:hidden;opacity:0;transition:.1s;transform:translate(-20px) translateY(-20px);transition-delay:.1s}.menu .menu__content ul{list-style-type:none;margin:0;padding:0}.menu .menu__content ul li{padding:0}.menu .menu__content ul li:not(:last-child){border-bottom:1px solid #ced9e0}.menu .menu__item{padding:10px;margin:0;display:block;width:100%;height:100%;text-decoration:none;color:#293742}.menu .menu__item:hover{background-color:#137cbd;color:#fff}.menu.menu_active .menu__btn{background-color:#137cbd}.menu.menu_active .menu__btn .menu__burger,.menu.menu_active .menu__btn .menu__burger:before,.menu.menu_active .menu__btn .menu__burger:after{background-color:#fff;transform:rotate(-135deg)}.menu.menu_active .menu__btn .menu__burger:before,.menu.menu_active .menu__btn .menu__burger:after{width:10px;transform-origin:left bottom}.menu.menu_active .menu__btn .menu__burger:before{transform:rotate(-35deg)}.menu.menu_active .menu__btn .menu__burger:after{transform:rotate(35deg)}.menu.menu_active .menu__content{visibility:visible;opacity:1;transform:translate(0) translateY(0)}