body{font-family:monospace;margin:0;height:100vh;display:flex;align-items:center;color:#fff;position:relative;overflow:hidden;background-color:#000}body:before{content:"";position:absolute;inset:0;background-position:center;background-repeat:no-repeat;background-size:cover;background-image:var(--np-bg-image, none);opacity:0;transition:opacity .4s ease-in-out;z-index:0}body:after{content:"";position:absolute;inset:0;background:#000000e6;z-index:1}body.bg-visible:before{opacity:1}#np{position:relative;z-index:2;text-align:center;width:100%;font-size:1rem;padding:1rem;color:#fff;opacity:0;transition:opacity .4s ease-in-out}#np.visible{opacity:1}#np a{color:inherit;opacity:.75;text-decoration:none}