body { margin: 0; padding: 0; width: 100vw; height: 100vh; overflow: hidden; background-color: black; font-family: Arial, Helvetica, sans-serif; } .navbar { overflow: hidden; position: fixed; bottom: 0; width: 100%; margin: auto; text-align: center; background-color: black; opacity:0.6; } .navbar div { display: inline-block; } .navbar a { float: left; display: block; color: #f2f2f2; text-align: center; padding: 14px 16px; text-decoration: none; font-size: 17px; } .navbar a.active { background-color: #4CAF50; color: white; } .main { padding: 16px; margin-bottom: 30px; } i.fa { display: inline-block; border-radius: 60px; box-shadow: 0px 0px 2px #888; padding: 0.5em 0.6em; background: blue; color: white; } img { display: block; margin-left: auto; margin-right: auto; width: 35% } button { background-color: Transparent; background-repeat:no-repeat; border: none; cursor:pointer; overflow: hidden; outline:none; } .camera-bg { display: block; margin: auto; max-height: 100vh; max-width: 100vh; width: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; }