.container-fluid{ background-color: #000000; } html { background-color: #000000; } #hodor-logo { position: absolute; top: 5px; left: 45%; background-color: #000000; opacity: 0.5; height:65px; width: auto; } #sidenavbar a { position: absolute; left: -225px; transition: 0.3s; padding: 15px; width: 275px; font-size: 20px; color: black; border-radius: 0 5px 5px 0 ; background-color: grey; text-align: center; text-decoration: none; font-family: 'Titillium Web', sans-serif; } #sidenavbar a img { border-radius: 50%; width: 50px; } #sidenavbar>a>i { position: absolute; right: 10px; color: #000000; } #sidenavbar>#profile>i { top: 50%; } #sidenavbar>#docs>a { } #sidenavbar>#docs>i { right: 18px; } #sidenavbar a:hover { left: 0; background-color: grey; } #sidenavbar a:hover i { color: black; } #profile>i { top: 10%; } #profile { top: 12.35%; } #dashboard { top: 30%; } #learn { top: 40%; } #leaderboard { top: 50%; } #ctf { top: 60%; } #docs { top: 70%; } #logout { top: 80%; } #modal-header img { border-radius: 50%; width: 75px; } .modalhead { font-size: 60px !important; } .tab-content h3{ font-size: 20px; } .tab-content p{ font-size: 15px; } <!------------------------------------------------------------------ -->