/* ============================
  Layout for background
    ============================ */
body {
  margin: 0;
  overflow: hidden;
}
   
   /* ============================
          Header
   ============================ */
   
   body {
    margin: 0;
    overflow: hidden;
    font-family: monospace;
}

/* Make the canvas cover the whole screen */
#matrix {
    position: fixed; /* stay in place even if scrolling */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0; /* background */
}

/* Overlay text container */
.overlay {
    position: absolute; /* sits on top of canvas */
    top: 50%;           /* center vertically */
    left: 50%;          /* center horizontally */
    transform: translate(-50%, -50%);
    color: white;
    background-color: rgba(0,0,0,0.5); /* semi-transparent background */
    padding: 20px;
    border-radius: 10px;
    z-index: 1;          /* ensure it's above the canvas */
    text-align: center;
}