*{margin:0px;padding:0px;text-decoration:none;list-style:none;font-family:arial;} body{background:#eee;} .content_sidebar_left{width:275px;} .content_sidebar_top{width:calc(100% - 275px);height:60px;border:1px solid #ccc;box-shadow:0px 0px 2px 2px #888;} .content_float{overflow:hidden;} .content_sidebar_left{width: 275px;height: 100vh;float: left;background:#0a003a;} .content_sidebar_top{width: calc(100% - 275px);height: 60px;float: right;border: 0px;box-shadow: none;background: #FFF;} .content_float_sidebar{width:100%;} ._container{padding:20px 20px;display:flex;} .sidebar_picture{max-height: 64px;display: block;margin: auto;margin-top: 30px;border-radius: 50%;} .white{color:#FFF;} .center{text-align:center;} .margin{display:block;margin:auto;} .menu_sidebar_left i,.menu_sidebar_left span{color:#969c99;} .menu_sidebar_left li{padding: 16px 35px;display: flex;align-items: center;cursor:pointer;} .menu_sidebar_left i{margin-right:10px;} .menu_sidebar_left li:hover i,.menu_sidebar_left li:hover span{color:#FFF !important;}