body{margin:0;padding:0;background:#444}.main{position:relative;height:100vh;width:100%;margin:0;padding:0}.main nav{padding:0;margin:0;position:relative;height:auto;width:100%}.main nav::before{position:absolute;content:‘’;height:100%;width:100%;z-index:0;background:rgba(0,0,0,0.5)}.main nav ul{padding:0;margin:0;height:100%;width:100%;display:flex;align-items:center;justify-content:center}.main nav ul li{position:absolute;list-style-type:none;display:inline-block}.main nav ul li img{top:0;left:0;position:absolute;height:100%;width:100%;z-index:-1;display:block;transition:0.5s ease-in-out;opacity:0}.main nav ul li a{height:100%;width:100%;color:#aaa;display:block;text-decoration:none;padding:20px;font-size:35px;font-family:‘lato’,sans-serif;font-weight:600;transition:0.5s ease-in-out}.main nav ul li a:hover{color:rgba(255,255,255,0.99);text-shadow:0px 0px 15px rgba(255,255,255,0.5)}.main nav ul li a:hover+img{opacity:1}