I actually really like this Design Idea.
A few things, on top of what bbsmooth said:
FIRST:
In your body CSS, it looks like you have a locally hosted background image that is not appearing, and needs to be converted into a hosted image link. You can host images for projects at imgur.com
body {
font-family: 'Courier New', Courier, monospace;
background: url(black\ background.jpg)
}
FOR MORE PHOTO HOSTING IDEAS:
https://forum.freecodecamp.org/t/adding-an-image-in-codepen-w-a-relative-link/501263/6
SECOND:
The <h1> text is breaking out of it’s <div> at smaller widths:

THIRD:
Because Your design Idea has kind of a 3D vibe and is a very cool concept, I would suggest you learn some things about 3D Text styling, and try to use it here:
EXAMPLE:

<H1> TEXT CODE:
h1{
font-family: 'Bebas Neue', cursive;
background-color: #41382a;
-webkit-background-clip: text;
-moz-background-clip: text;
background-clip: text;
color: transparent;
text-shadow: rgba(59 190 197 / 40%) -1px 2px 1px;
}