#error-screen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: blue; /* Classic Blue Screen of Death */
  color: white;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 10000; /* Above everything else */
  font-family: 'Courier New', monospace;
  text-align: center;
}

.sticker-window {
  /* Change these values to make it bigger */
  width: 600px;         /* Was 300px */
  height: 400px;        /* New height */
  background: white;
  border: 4px solid black;
  box-shadow: 8px 8px 0px rgba(0,0,0,0.2);
  
  /* THIS PART CENTERS IT */
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  
  font-family: 'Courier New', Courier, monospace;
  z-index: 100; /* Keeps it above other content */
}

.sticker-img {
    max-width: 150px;
    height: auto;
    cursor: pointer;
    transition: transform 0.2s;

    /* This creates a white outline around the DRAWING, not the square box */
    filter: drop-shadow(3px 3px 0 white) 
            drop-shadow(-3px -3px 0 white) 
            drop-shadow(3px -3px 0 white) 
            drop-shadow(-3px 3px 0 white);
            
    /* Remove the old background and border styles */
    background-color: transparent; 
    border: none;
    box-shadow: none; 
}

/* This makes the sticker "pop" when you hover */
.sticker-img:hover {
  transform: scale(1.1) rotate(5deg);
  filter: drop-shadow(5px 5px 0px red); /* Scary red shadow */
}

.sticker-container {
    display: inline-block; 
    line-height: 0;
}

.window-header {
  background: black;
  color: white;
  padding: 5px;
  display: flex;
  justify-content: space-between;
  cursor: move; /* Hints that it can be dragged */
}

/* This moves the whole container */
.navigation-pole {
    position: absolute;
    top: 150px;   /* Change this number to move it up/down */
    left: 400px;  /* Change this number to move it left/right */
    z-index: 5;
}

/* This controls the size of the pole specifically */
.pole-img {
    width: 250px; /* Set the width you want for the signs */
    height: auto;
    display: block;
}

body {
  background-color: lightblue;
  font-family: mono-space;
}


/* error-page.html */
.error{
  background-color: navy;
  color: white;
  font-family: monospace;
  letter-spacing: 6.3px;
}