@font-face {
font-family: orb;
src: url(fonts/Orbitron.ttf);
}
h1 {
text-align: center;
font-family: orb;
font-size: 75px;
  text-shadow: 0 0 5px #fff,
                0 0 10px black,
                0 0 20px black,
                0 0 30px black,
                0 0 40px black,
                0 0 55px black,
                0 0 70px black;
}
h1 {
  margin-bottom: 20px; /* Adds space between the heading and the boxes */
}
body {
  background-image: url('https://left-field.art/bg.jpg');
  background-size: cover;
  background-repeat:repeat;
  color:white;
   display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.container {
display:flex;
margin:0;
padding:10px;
gap:0;
}
.box {
  width: 100px;
  height: auto;
  padding: 10px;
  border: 5px solid gray;
  margin: 0;
  text-align:center;
  display: flex;
            justify-content: center;
            align-items: center;
  }
.box2 {
  width: 100px;
  height: auto;
  padding: 10px;
  border: 5px solid gray;
  margin: 0;
    text-align:center;
    display: flex;
            justify-content: center;
            align-items: center;
 
}
.box3 {
  width: 100px;
  height: auto;
  padding: 10px;
  border: 5px solid gray;
  margin: 0;
    text-align:center;
    display: flex;
            justify-content: center;
            align-items: center;
}