.container-fluid{ background-color: #000000; } html { background-color: #000000; } #hodor-logo { position: absolute; top: 5px; left: 45%; background-color: #000000; opacity: 0.5; height:auto; width: 15%; } #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; z-index: 99 !important; } #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; } <!------------------------------Dashboard------------------------------------ --> .level-label, .progress, .questionbuttons{ position: relative; clear: both; margin-left: 5px; margin-right: 5px; margin-top: 15px; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; } #timelinechartdata, #piechartdata { margin-left: 5px; margin-right: 5px; margin-top: 15px; clear: both; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; } .amcharts-graph-g1 .amcharts-graph-fill { filter: url(#blur); } .amcharts-graph-g2 .amcharts-graph-fill { filter: url(#blur); } .amcharts-cursor-fill { filter: url(#shadow); } .solves-chart{ position: absolute; }