html, body { height: 100%; margin: 0; padding: 0; } #main { position: fixed; width: 100%; height: 100%; left: 0; top: 0; } #app { width: 100%; height: 100%; } .appCenter { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); } .bottomBar { position: fixed; bottom: 0; width: 100%; height: 40px; } .bottomItem { margin: 0; top: -14px; } .newAvatar { background-color:white; border-radius: 50%; border: 2px solid #555; filter: drop-shadow(1px 1px 1px #000000); height: 200px; width: 200px; }