body{margin:0;font-family:sans-serif;background-color:#e1e8ed}.content{margin:100px 40px}.side-menu{position:absolute;left:0;top:0;bottom:0;transition:.2s}.side-menu *{box-sizing:border-box}.side-menu.side-menu_active{left:200px}.side-menu__main{width:200px;background-color:#fff;height:100%;display:flex;padding-top:90px;position:absolute;right:0;box-shadow:0 0 5px #8a9ba8}.side-menu__menu{list-style-type:none;margin:0;padding:0;width:100%}.side-menu__menu li{padding:0;border-bottom:1px solid #ced9e0}.side-menu__menu li:first-child{border-top:1px solid #ced9e0}.side-menu__menu-item{padding:10px;margin:0;display:block;width:100%;height:100%;text-decoration:none;color:#293742}.side-menu__menu-item:hover{background-color:#137cbd;color:#fff}.side-menu__btn{position:absolute;right:-90px;top:20px;width:50px;height:50px;background-color:#48aff0;border-radius:50px;z-index:5;transition:.2s;display:flex;justify-content:center;align-items:center;cursor:pointer;box-shadow:2px 2px 5px #8a9ba8;-webkit-tap-highlight-color:transparent}.side-menu_active .side-menu__btn{right:20px;box-shadow:0 0 #8a9ba8}.side-menu__btn-burger:before,.side-menu__btn-burger:after,.side-menu__btn-burger{width:20px;height:2px;background-color:#293742;transition:.4s}.side-menu__btn-burger:before,.side-menu__btn-burger:after{content:"";position:absolute}.side-menu__btn-burger:before{transform:translateY(-5px)}.side-menu__btn-burger:after{transform:translateY(5px)}.side-menu__btn_close .side-menu__btn-burger{background-color:#0000;transform:rotate(180deg)}.side-menu__btn_close .side-menu__btn-burger:before{transform:rotate(45deg)}.side-menu__btn_close .side-menu__btn-burger:after{transform:rotate(-45deg)}