<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.75rem 0;
}
div.card {
padding-bottom: 3rem;
}
.contact {
text-align: center;
}
table {
font-family: Arial, Helvetica, sans-serif;
border-collapse: collapse;
width: 100%;
}
td, th {
border: 1px solid #ddd;
padding: 8px;
}
tr:nth-child(even){background-color: #f2f2f2;}
tr:hover {background-color: #ddd;}
th {
padding-top: 12px;
padding-bottom: 12px;
text-align: left;
background-color: #04AA6D;
color: white;
}
@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>
