body{ display:grid; grid-template-columns:auto; grid-template-rows:20% 75% 5%; padding:0 2vw 0 2vw; height:93vh; } .naviconMain{ position:relative; } .naviconMain h1 a{ color:tomato; position:absolute; left:16px; text-decoration:none; } .naviconMain h1 a:hover{ color:lime; text-decoration: underline; } #navbar{ width:95vw; height:96px; background-color:darkslategrey; display:grid; grid-template-columns:40% 60%; grid-template-rows:auto; } .navbarContainer{ float:right; display:flex; align-content: center; position:relative; } .navbarContainer ul{ position:absolute; right:16px; top:12px; } .navbarContainer ul li{ list-style:none; display:inline; } .navbarContainer ul li a{ text-decoration:none; color:lime; font-size: 2rem; margin-left:16px; } .navbarContainer ul li a:hover{ color:white; text-decoration:underline; } #main{ background-color:rgba(0,0,0,.65); width:93vw; padding:16px; overflow:auto; } #main *{ color:white; } #counter{ margin-top:16px; }