body { color: white; margin: 0; font-family: monospace; background: linear-gradient(127deg, #40afc1, #24d581); background-size: 400% 400%; } .navbar { padding: 1%; background-color: black; color: white; border-radius: 0 0 16px 16px; } .logo { height: 5%; width: 5%; } .footer { padding: 1%; background-color: black; color: white; border-radius: 16px 16px 0 0; bottom: 0; position: fixed; width: 97.975%; } @media (max-width: 540px) { .navbar { padding: 3%; } .logo { height: 10%; width: 10%; } .footer { padding: 3%; width: 94%; } } .social { text-decoration: none; color: white; } .right { text-align: right; } .padnav { padding-right: 3%; } #home { color: white; padding: 14%; padding-top: 12%; text-align: left; vertical-align: middle; font-size: 16px; } h1 { font-size: 48px; } .launch { border: 2px solid white; border-radius: 16px; padding: 10px; color: white; text-decoration: none; transition: 0.2s; mix-blend-mode: screen; } .launch:hover { background-color: white; color: black; } a { text-decoration: none; color: white; }