*, ::after, ::before { box-sizing: border-box; } html { height: 100vh; } body { margin: 0; padding: 0; min-height: 100vh; font-family: "Caveat", sans-serif; color: #000; text-align: center; background: #fff; } h1 { font-size: 2.5rem; font-weight: bold; margin: 1rem; padding: 0; } body > div { text-align: center; } a { color: #000; text-decoration: none; display: inline-block; border-radius: 8px; margin: 1rem; padding-bottom: 0.25rem; box-shadow: 0 0 4px rgba(0,0,0,0.5); overflow: hidden; } a:focus, a:hover { box-shadow: 0 0 4px #000; background-color: rgba(0,0,0,0.1); outline: none; } a > div { padding: 0.1rem 0.25rem; } a .title { font-size: 1.7rem; font-weight: bold; } a .subtitle { font-size: 1.2rem; } a .url { font-size: 1rem; opacity: 0.6; font-weight: bold; }