body { padding: 2rem; font-family: -apple-system, BlinkMacSystemFont, "Arial", sans-serif; } h1 { margin-top: 0; color:white; background:blue; border-radius:10px; padding:5px; text-align:center; box-shadow: 1px 2px 4px 2px black; } p { color: rgb(107, 114, 128); font-size: 15px; margin-bottom: 10px; margin-top: 5px; } .card { margin: 0 auto; padding: 16px; border: 3px solid lightgray; border-radius: 16px; background: cornflowerblue; font-size: x-small; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; display: flex; flex-direction: column; align-items: center; align-content: center; width: 500px; max-width: 100%; } } .card p:last-child { margin-bottom: 0; } #link_class { padding: 5px; border-radius: 5px; background: aliceblue; width: 100%; margin: 2px; text-decoration: none; font-family: system-ui; } }