Schrödinger's Observation Deck

Where the act of observing changes everything.

Join us in contemplating the infinite possibilities of Schrödinger's Box, a thought experiment like no other.

Observation

When you look at this box, does the cat inside live or die?

Observe
Shadowy Figure
/* CSS for Schrödinger's Observation Deck */ body { background-color: #f2f2f2; font-family: monospace; font-size: 16px; margin: 0 auto; padding: 0; } header { background-color: #ff00ff; padding: 10px 20px; border: 4px solid #000000; border-radius: 10px 10px 0 0; box-sizing: border-box; } nav ul { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; justify-content: center; } nav li { padding: 10px 20px 10px 20px; background-color: #000000; border: 4px solid #000000; border-radius: 5px 5px 0 0; margin: 5px; } main { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 10px; padding: 20px; background-color: #ffffff; border: 4px solid #000000; border-radius: 10px 10px 0 0; } h1 { font-size: 24px; font-weight: bold; color: #000000; margin: 10px 0 10px 0; } p { font-size: 18px; line-height: 1.5; color: #000000; margin: 10px 0 10px 0; } .box { background-color: #333333; padding: 10px 20px 20px 20px; border: 4px solid #000000; border-radius: 10px 10px 0 0; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); width: 300px; height: 200px; position: relative; z-index: 1; } .content { padding: 10px 20px 20px 20px; background-color: #ffffff; border: 4px solid #000000; border-radius: 5px 5px 0 0; } .button { background-color: #ff0000; border: 4px solid #000000; border-radius: 10px 10px 0 0; color: #ffffff; padding: 10px 20px 10px 20px; text-align: center; cursor: pointer; font-size: 18px; font-weight: bold; position: relative; z-index: 1; } .shadow { background-image: url("/shadow.png"); width: 50px; height: 50px; background-size: 100%; position: absolute; top: -20px; left: 50%; z-index: -1; }