#bg{position:fixed;top:0;left:0}main{position:absolute;font-size:40px;color:#fff;height:100%;width:100%}body{margin:0;padding:0;font-family:Arial,sans-serif}nav{background-color:#333;opacity:.8;color:#fff;display:flex;justify-content:space-between;padding:10px;width:100%}.nav-logo{font-size:24px;font-weight:700;color:#fff;text-decoration:none}.nav-link{color:#fff;text-decoration:none;margin-left:20px;font-weight:700}.nav-link:hover{color:#f0ad4e}@media (max-width: 768px){.nav-right{display:none}.nav-left{width:100%;text-align:center}.nav-logo{margin:0}}.nav-left{display:inline-block}.nav-right{display:inline-block;text-align:right}