* { box-sizing: border-box; } body { padding: 0em 0.5em; background-color:#2B2B4D; color: white; font-family: "Fira Sans", sans-serif; font-size: 20px; line-height: 1.5; display: flex; flex-direction: column; align-items: center; } .container { width: 100%; max-width: 961px; display: flex; flex-direction: column; align-items: center; } h1 { text-align: center; margin: 0; } code.nostrPubkey { display: none; } a { color: #f74848; font-weight:bolder; } a:visited { color:#f74848; } a.codeLink { color:#31E631; font-weight:normal; } a.emailLink { color:#31E631; font-family: "monospace"; text-decoration: none; } .photo { width: 100%; } .photo img { width: 100%; } /* Desktop */ @media only screen and (min-width: 961px) { code.nostrPubkey { display: revert; } .photo { float: right; width: 400px; margin: 1em; } }