:root{--background:#3057E1;--foreground:#e0e0e0;--grid-color:rgba(255,255,255,0.2)}@media (prefers-color-scheme:dark){:root{--background:#0d2242;--foreground:#e0e0e0;--grid-color:rgba(255,255,255,0.1)}}body,html{max-width:100vw;overflow-x:hidden}body{color:var(--foreground);background-color:var(--background);background-image:linear-gradient(var(--grid-color) 1px,transparent 1px),linear-gradient(to right,var(--grid-color) 1px,transparent 1px);background-size:20px 20px;font-family:Courier New,Courier,monospace;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;padding:0;margin:0}a{color:inherit;text-decoration:none}main{max-width:1200px;margin:0 auto;padding:20px}section{background-color:#fffff0;color:#333;padding:20px;margin:20px;box-shadow:5px 5px 7px rgba(0,0,0,.3);transform:rotate(-2deg);transition:transform .15s ease-in-out}section:hover{transform:scale(1.05) rotate(0deg)}@media (prefers-color-scheme:dark){html{color-scheme:dark}}nav{background-color:#333;padding:10px}nav ul{list-style-type:none;display:flex;justify-content:center}nav ul li{margin:0 15px}nav ul li a{color:white;text-decoration:none;font-size:18px}