body {
  text-align: center;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  color: black;
  background-image: url(backdrop.jpg);
  }
  
div {
  display: table; /* keep the background color wrapped tight */
  margin: 0px auto 0px auto; /* keep the table centered */
  padding:20px;
  font-size:20px;
}
  
.marq {
  background-color: white;
}

h1 {
  background: #49CF14;
  background: linear-gradient(to right, #49CF14 0%, #55CFC5 100%);
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.fixed-box1 {
      width: 400px;
      border: 3px solid #2a4d69; /* dark pastel blue */
      border-radius: 16px; /* rounded corners */
      box-sizing: border-box;
      overflow: hidden;
      position: relative;
      background-color: #f9f9f9; /* optional light background */
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: bold;
}
.fixed-box2 {
      width: 200px;
      border: 3px solid #2a4d69; /* dark pastel blue */
      border-radius: 16px; /* rounded corners */
      box-sizing: border-box;
      overflow: hidden;
      position: relative;
      background-color: #f9f9f9; /* optional light background */
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: bold;
}

.content {
      inset: 10px;
      overflow: auto;
      background: lightblue;
      border-radius: 10px; /* inner content also has rounded corners */
      padding: 8px;
    }
    
.container {
  display: flex;
  justify-content: normal; /* space between the boxes */
  align-items: center;            /* vertical alignment */
  width: 50%;                    /* or set a fixed width */
}

.center {
      background-color: #2196F3;
    }