/* Ensure the page takes up full height */
html, body {
    height: 100%;
    margin: 0;
    /* The gradient */
    background-image: linear-gradient(#4fb378);
}

/* The parent container centers its child (the figure) */
.center-container {
    display: flex;
    justify-content: center; /* Horizontal center */
    align-items: center;     /* Vertical center */
    height: 100vh;           /* Full viewport height */
    padding: 0;
}

/* The figure groups the image and figcaption */
.logo-group {
    /*line-height: 0;*/
    position: relative;
    bottom: 0;
    text-align: center;      /* Centers the text under the image */
    margin: 0;               /* Removes default browser margins */
}

.logo-group img {
    display: block;          /* Ensures image is treated as a block */
    margin: 0;   /* Centers image and adds space below */
    max-width: 100%;         /* Keeps image responsive */
    height: 200px;*/
    /*width: 300px;*/
}

figcaption {
  padding-bottom: 20px;
  margin-left: 120px;
  color: white;
  font-size: 20px;
  font-family: "Nabla", system-ui;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings:
  "EDPT" 12,
  "EHLT" 12
}

/*
.center-info {
  margin-left: 60;
  color: yellow;
  font-size: 18px;
  font-family: "Oxygen Mono", monospace;
  font-weight: 400;
  font-style: normal;
}
*/