mtg-card-explorer / style.css
pearsonkyle's picture
Make it a little bigger and center the icon better
9ed6a9c verified
raw
history blame contribute delete
731 Bytes
body {
padding: 3rem;
font-family: -apple-system, BlinkMacSystemFont, "Arial", sans-serif;
display: flex;
justify-content: center;
align-items: center;
min-height: 100vh;
}
h1 {
font-size: 24px;
margin-top: 0;
text-align: center;
}
p {
color: rgb(107, 114, 128);
font-size: 18px;
margin-bottom: 15px;
margin-top: 10px;
text-align: center;
}
.card {
max-width: 700px;
margin: 0 auto;
padding: 24px;
border: 1px solid lightgray;
border-radius: 20px;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
}
.card p:last-child {
margin-bottom: 0;
}
.card i {
font-size: 48px;
margin-bottom: 20px;
}