/* Reset some defaults */
body, html {
  margin: 0;
  padding: 0;
  height: 100%;
}

/* Container for the image */
.coat-of-arms {
  display: flex;
  justify-content: center;  /* horizontal centering */
  align-items: flex-start;  /* top of the page */
  padding-top: 2rem;        /* gentle spacing from the top */
}

/* Image styling */
.coat-of-arms img {
  max-width: 200px;   /* keeps it elegant, not oversized */
  height: auto;
}