body {
    margin: 0;
    padding: 0;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #1c2324;
}

.background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("its me fishing.png") no-repeat center center fixed;
    background-size: cover;
    filter: blur(20px);
    opacity: 25%;
}
.center-bar {
    width: 35%;
    height: 100vh;
    background: linear-gradient(to bottom, #74959a, #385358);
    z-index: 1;
    filter: drop-shadow(0 0 75px);
}.image {
     position: relative;
     width: 100%;
     height: 100%;
     object-fit: cover;
     z-index: 0;
 }
#shadowBox {
      background-color: rgb(0, 0, 0);
      /* Fallback color */
      background-color: rgba(0, 0, 0, 0.2);
      /* Black w/opacity/see-through */
      border: 3px solid;
  }
.rainbow_text_animated {
       min-height: 100%;
       min-width: 100%;
       background: linear-gradient(to right, #6666ff, #0099ff , #00ff00, #ff3399, #6666ff);
       -webkit-background-clip: text;
       background-clip: text;
       color: transparent;
       animation: rainbow_animation 8s linear infinite;
       background-size: 400% 100%;
   }

@keyframes rainbow_animation {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 400% 0;
    }
}


.content {
    position: relative;
    z-index: 2;
    color: black;
    font-family: "Cascadia Mono", sans-serif;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.content > * {
    margin-bottom: 2px;
}