<style>
body {
margin: 0;
background-color: rgba(0, 0, 0, 0.09);
color: rgba(0, 0, 0, 0.6);
font-family: sans-serif;
}
div.container {
display: flex;
justify-content: center;
min-height: 100vh;
padding: 1rem;
}
div.card {
background-color: rgba(255, 255, 255, 1);
max-width: 585px;
width: 100%;
box-shadow:
0 4px 8px 0 rgba(0, 0, 0, 0.2),
0 6px 20px 0 rgba(0, 0, 0, 0.19);
padding: 1rem;
border-radius: 4px;
}
h1,
h2,
h3 {
margin: 1.5rem 0 0 0;
}
div.card {
padding-bottom: 3rem;
}
.contact {
text-align: center;
}
@media print {
body {
background: white !important;
}
.container {
display: block;
min-height: auto;
padding: 0;
margin: 0;
}
.card {
box-shadow: none !important;
border: none;
background: white !important;
max-width: 100%;
padding: 1in;
}
body, p, li, h1, h2, h3 {
color: black; !important;
font-family: "Arial", sans-serif;
}
nav, footer, .no-print {
display: none !important;
}
a {
color: black;
text-decoration: none;
}
}
</style>
<body>
<div class="container">
<div class="card">
<div class="contact">...</div>
...
</div>
</div>
</body>
No comments:
Post a Comment