/*.kourtina{ z-index: 2; height: 100vh; position: fixed; top: 0; width: 100%; }*/ .mainbar{ z-index: 2; display: flex; justify-content: space-between; position: fixed; height: 48px; background: #F1F1F1; top: 0; width: 100%; color:#707070; box-shadow: 1px 1px rgb(0, 0, 0,0.16); } .horizontal_bars { display: flex; flex-direction: row; justify-content:space-between; margin-top: 50px } .horizontal_bars .toolbox{ background: #F1F1F1; z-index: 1; flex-shrink: 0; position: absolute; height: 80vh; display: flex; flex-direction: row; } .horizontal_bars .toolbox .tool_icon_bar{ width: 48px; background: #F1F1F1 0% 0% no-repeat padding-box; box-shadow: 1px 0px 1px rgb(0, 0, 0,0.16); } .horizontal_bars .toolbox .moduleBar{ padding: 10px; overflow-y: scroll; overflow-x: hidden; } .horizontal_bars .sidebar{ width: 311px; z-index: 1; flex-shrink: 0; position: fixed; right: 0; height: calc(100vh - 50px); background: #F1F1F1 0% 0% no-repeat padding-box; opacity: 1; } .playground{ margin-top: 0px; height: calc(100vh - 50px); display: flex; justify-content:center; } .phone{ margin:0 auto; }