/* Everything */
* {box-sizing: border-box;}

/* Gobal Selections */
body {margin-top: 0px; font-family: Arial, Helvetica, sans-serif; background: #f4f4f4; display: flex; justify-content: center; color: #333;}
h1 {text-align: center; font-size: 2rem; margin-bottom: 2px;}
h2 {text-align: center; color: #666; font-weight: normal; margin: 0;}
h3 {margin-bottom: 8px; color: #222;}
hr {margin: 24px 0; border: none; border-top: 1px solid #ddd;}
p {margin-top: 0;}

/* ID Selections */
#letterhead {width: 120px; height: 120px; border-radius: 50%; object-fit: cover; display: block; margin: 0 auto 20px;}
#main {width: 100%; max-width: 700px; background: #fff; padding: 40px; border-radius: 0 0 12px 12px; box-shadow: 0 10px 30px rgba(0,0,0,.1);}
#name {display: block; font-size: 2em; font-weight: bold; margin-block-start: 0.67em; margin-block-end: 0.67em; margin-inline-start: 0; margin-inline-end: 0;text-align: center; font-size: 2rem; margin-bottom: 2px;}
#title {display: block; font-size: 1.5em; font-weight: bold; margin-block-start: 0.83em; margin-block-end: 0.83em; margin-inline-start: 0; margin-inline-end: 0;text-align: center; color: #666; font-weight: normal; margin: 0;}
@media (max-width: 600px) { .card { padding: 25px; } h1 { font-size: 1.7rem; } }