/* This controls the background for your entire website */
body {
    margin: 0;
    padding: 0;
    /* Here is your new wall picture! */
    background-image: url('wall.jpg'); 
    
    /* Set a specific size to "zoom out". Change 500px to 800px to zoom in, or 300px to zoom out more! */
    background-size: 75px; 
    
    /* This tells the website to "tile" the smaller picture like wallpaper to fill the screen */
    background-repeat: repeat; 
    
    background-position: center;
    background-attachment: fixed;
    
    background-color: #222; /* Fallback color just in case the image loads slowly */
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

header {
    text-align: center;
    padding: 50px 10px 20px 10px;
}

h1 {
color: #00FFFF; /* Solid fluorescent cyan */
margin: 0 auto;
display: inline-block;
padding: 15px 10px;
font-size: 2.2em;
text-transform: uppercase;
letter-spacing: 2px;
max-width: 90vw;
box-sizing: border-box;

/* Removed the background box, borders, and backdrop-filter! */
background: transparent;
border: none;

/* NEW: 3D extruded letters hanging in the air with a heavy shadow */
text-shadow: 
    0 0 10px rgba(0, 255, 255, 0.8), /* Glowing front face */
    1px 1px 0 #005555,               /* 3D side edge layer 1 */
    2px 2px 0 #004444,               /* 3D side edge layer 2 */
    3px 3px 0 #003333,               /* 3D side edge layer 3 */
    4px 4px 0 #002222,               /* 3D side edge layer 4 */
    5px 5px 0 #001111,               /* 3D side edge layer 5 */
    10px 10px 25px rgba(0, 0, 0, 1); /* Heavy drop shadow hitting the wall */


}