/* ---------- Montserrat (self-hosted) ---------- */
@font-face {
  font-family: "Montserrat";
  src: url("montserrat-v31-latin/montserrat-v31-latin-regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("montserrat-v31-latin/montserrat-v31-latin-italic.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("montserrat-v31-latin/montserrat-v31-latin-500.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("montserrat-v31-latin/montserrat-v31-latin-500italic.woff2") format("woff2");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("montserrat-v31-latin/montserrat-v31-latin-600.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("montserrat-v31-latin/montserrat-v31-latin-600italic.woff2") format("woff2");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("montserrat-v31-latin/montserrat-v31-latin-700.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("montserrat-v31-latin/montserrat-v31-latin-700italic.woff2") format("woff2");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("montserrat-v31-latin/montserrat-v31-latin-800.woff2") format("woff2");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("montserrat-v31-latin/montserrat-v31-latin-800italic.woff2") format("woff2");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("montserrat-v31-latin/montserrat-v31-latin-900.woff2") format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("montserrat-v31-latin/montserrat-v31-latin-900italic.woff2") format("woff2");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}


/* END FONT SETUP ---------------------------------------------*/ 

* {
  box-sizing: border-box;
}

html, body {
  overflow: hidden;   /* no scrolling */
}

html {
  background: #EDE8D0;   /* color of the gap outside the border */
}

/* END PAGE SETUP ---------------------------------------------*/

body {
  background: #EDE8D0;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  color: #1a2a5e;
  text-align: left;

  margin: 20px;
  height: calc(100dvh - 40px);                 
  border: 8px solid #1a2a5e;     
  padding: 2rem;
  position: relative;
  
}

header {
  display: flex;
  justify-content: flex-start; 
  align-items: center;         
  gap: 2rem;
}

.top-image {
  width: 180px;
  height: auto;
  border: 4px solid #1a2a5e;
  display: block;
  flex-shrink: 0;
}

h1 {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #1a2a5e;
  
}

h2 {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #1a2a5e;
}

footer {
  position: absolute;
  bottom: 2rem;
  left: 2rem;
  right: 2rem;
  display: flex;
  gap: 1.5rem;
  justify-content: center;
  align-items: center;
}

footer a {
  color: #1a2a5e;
  font-weight: 400;
  text-decoration: none;
}

footer a:hover {
  text-decoration: underline;
}