body { margin: 0px; text-align: center; } a.active { color: #ccc; border-bottom: 3px solid white; } div.nav { padding: 60px; position: fixed; z-index: 1; width: 100%; margin: 0px; top: 0px; width: 95%; background-color: #0c3358; height: 0px; box-shadow: 0px 5px 20px black; } .logo { float: left; margin-top: -15px; font-weight: bold; font-size: 37px; text-decoration: none; color: #ccc; } div.nav a:not(.logo) { float: right; color: white; padding: 20px; padding-bottom: 40px; margin-top: -22px; margin-right: 20px; font-weight: bold; text-decoration: none; } div.nav a:hover:not(.logo) { color: #ccc; } div.main_header { background-image: url('https://media.wired.com/photos/5a593a7ff11e325008172bc2/master/pass/pulsar-831502910.jpg'); width: 100%; margin-top: -300px; height: 970px; background-repeat: no-repeat; } .header_heading { color: black; padding: 30px 30px; background: linear-gradient(to bottom right,white,#0c3358); /*background: linear-gradient(to bottom right,red,blue);*/ /*background-color: gold;*/ /*filter: brightness(250%);*/ margin-top: 300px; width: 400px; font-weight: bold; font-size: 60px; }