/* General page styles */

@import url('https://fonts.googleapis.com/css2?family=DotGothic16&display=swap');

body {
  background-color: white; 
  margin: 0;
  padding: 0;
  color: #000000;           
}

/* Forces everything to use the DotGothic font */
h1, h2, h3, p, a, .dotgothic16-regular {
  font-family: "DotGothic16", sans-serif !important;
  font-weight: 400;
  font-style: normal;
}



/* Banner image scaling */
.top-banner {
  width: 100vw; 
  display: block; 
  height: auto;
}

/* Center alignments */
.wedding-intro {
  text-align: center;
  padding: 1rem;
}

.guestbook-section {
  text-align: center; 
  padding-bottom: 2rem;
}

a {
  display: inline-block;
  background-color: #BE93D4; /* Light purple button block */
  color: #000000;            /* Black text so it's readable */
  padding: 10px 20px;
  text-decoration: none;     /* Removes the default underline */
  border-radius: 8px;        /* Soft, rounded corners */
  font-weight: bold;
}

.atabook-widget-container {
    width: 95%;           /* Takes up most of the screen on small phones */
    max-width: 800px;     /* Prevents it from getting too wide on desktop monitors */
    margin: 20px auto;    /* Centers the widget horizontally */
    box-sizing: border-box; 
}