*{box-sizing:border-box}html{background:#e7d88d}body{margin:0;color:#17130a;font-family:'Comic Sans MS','Comic Sans',cursive;background:repeating-linear-gradient(0deg,#e8d78b 0,#e8d78b 3px,#e5d384 4px,#e5d384 6px)}#page{max-width:920px;margin:0 auto;padding:12px 30px 30px;background:#f2e6a8;box-shadow:0 0 30px #77662d}header{text-align:center}.tiny{font:700 14px Arial;color:#9a2714;letter-spacing:3px}h1{font-family:Impact,'Arial Black',sans-serif;color:#cf2518;font-size:clamp(48px,9vw,98px);line-height:.98;letter-spacing:1px;text-shadow:3px 3px #f9edb3;margin:18px 0 8px;transform:rotate(-2deg)}h1 span{color:#286a21}.subtitle{font-size:21px;color:#303e8d;font-weight:bold}.stars{color:#dc3a26;font-size:30px;letter-spacing:12px;margin:12px}.intro{display:flex;gap:30px;align-items:center;margin:25px 0}.photo{padding:9px;background:white;border:1px solid #aaa;box-shadow:5px 6px 1px #a8a074;transform:rotate(-4deg);flex:0 0 40%;text-align:center}.photo img{width:100%;height:320px;object-fit:cover;display:block;background:#ddd}.photo span{font-size:24px;color:#c22}.intro-text{flex:1}.intro-text h2,.story h2,.letter h2{font-family:'Comic Sans MS',cursive;font-size:32px;color:#b22217;line-height:1.1;margin:0 0 12px}.intro-text p,.story p,.letter p{font-size:19px;line-height:1.48;margin:10px 0}.loud{font-weight:900;color:#226a26;font-size:25px!important}.scribble{text-align:center;font-size:35px;font-weight:bold;color:#b72e8a;transform:rotate(-3deg);margin:35px 0}.story{margin:20px 0}.story h2{color:#316b25}.photos{display:flex;justify-content:center;gap:45px;margin:35px 10px}.photos figure{width:39%;margin:0;background:#fff;padding:9px 9px 4px;box-shadow:5px 5px #b4a575;text-align:center}.photos img{width:100%;height:250px;object-fit:cover;background:#ddd}.photos figcaption{font-size:19px;color:#273e83}.tilt-left{transform:rotate(-5deg)}.tilt-right{transform:rotate(5deg)}.letter{border-top:4px dotted #c34b25;padding-top:25px}.letter h2{color:#314f96}.signature{text-align:center;font-size:30px!important;color:#c32323;font-weight:bold;transform:rotate(-2deg)}.rainbow{text-align:center;font-size:30px;color:#28702c;font-weight:bold;margin:35px 0 15px}footer{text-align:center;border-top:3px dashed #8f7d3f;padding:20px 0 0}footer p{font-size:17px}.counter-label{font-weight:bold;color:#b42018;letter-spacing:2px}.counter{display:inline-block;background:#050505;border:4px ridge #999;padding:7px 12px;color:#4dff4b;font:36px 'Courier New',monospace;letter-spacing:4px;text-shadow:0 0 5px #48f74a}.small{font:12px Arial,sans-serif;color:#665c42}.small a{color:#304e96}@media(max-width:650px){#page{padding:12px 16px}.intro{flex-direction:column}.photo{width:80%;flex:auto}.photos{gap:18px}.photos figure{width:48%}.photos img{height:170px}.intro-text p,.story p,.letter p{font-size:17px}.scribble{font-size:25px}.counter{font-size:27px;letter-spacing:2px}}

/* Classic 2000s charity callout */
.donate{margin:32px auto 28px;padding:18px 16px 22px;text-align:center;background:#fff6a8;border:5px double #bf3126;box-shadow:6px 6px 0 #ab9755;max-width:740px}.donate-stars{font-size:25px;color:#ca2a29;letter-spacing:8px}.donate h2{font:900 clamp(24px,5vw,38px) 'Comic Sans MS',cursive;color:#bc1727;margin:8px 0 12px;text-shadow:2px 2px #fff}.donate p{font-size:19px;line-height:1.4}.donate-button{display:inline-block;max-width:100%;margin:12px auto;padding:14px 18px;background:#244ac2;border:4px outset #9caef4;color:#fff;font:bold 21px 'Comic Sans MS',cursive;text-decoration:underline;box-shadow:3px 4px 0 #665b2e}.donate-button:hover,.donate-button:focus{background:#b5202c;color:#fff}.donate .donate-note{font:13px Arial,sans-serif;color:#4b4638;margin:12px 0 0}@media(max-width:650px){.donate-button{font-size:16px}.donate p{font-size:16px}}

/* Keep faces visible in the Breaking Bad family photo */
.photos .tilt-right img{object-position:center 20%;}

/* EXTRA-CRINGE 2000s tiled wallpaper: stars, hearts, sparkles and clashing pastels */
html{background:#f5bde6}
body{background-color:#ffd2ec;background-image:radial-gradient(circle at 12px 12px,#fff500 0 3px,transparent 4px),radial-gradient(circle at 42px 46px,#ff3d9e 0 4px,transparent 5px),radial-gradient(circle at 68px 15px,#55e4ff 0 3px,transparent 4px),repeating-linear-gradient(45deg,transparent 0 19px,#ffffff75 20px 22px,transparent 23px 40px);background-size:84px 84px,84px 84px,84px 84px,84px 84px}
#page{background:#fff5b7;border-left:8px ridge #f444a8;border-right:8px ridge #43d5f4;box-shadow:0 0 0 5px #ffe700,0 0 26px #a4168d}
.donate{background:repeating-linear-gradient(0deg,#fff7a3 0 18px,#ffe979 18px 36px);border:6px ridge #ff51b7;box-shadow:6px 6px 0 #5badeb}
.donate-button{background:linear-gradient(#fffab8 0%,#ffdc40 42%,#eaa91b 100%);border:3px outset #fff6ab;border-radius:20px;box-shadow:3px 4px 0 #98651c;color:#123c83;text-decoration:none;font:bold 21px Arial,sans-serif;text-shadow:1px 1px #fff8ca;padding:10px 24px}
.donate-button:hover,.donate-button:focus{background:linear-gradient(#fff4c0,#ffbe30);color:#b0204a}
.donate-button .donate-pay{display:block;font:bold italic 12px Arial,sans-serif;color:#154580;margin-bottom:3px}
@media(max-width:650px){#page{border-left-width:4px;border-right-width:4px}.donate-button{font-size:16px}}

/* Intentionally low-resolution 2000s graphics: crisp enlarged pixels. */
html,body{background-color:#ffd0e9}
body{background-image:url('wallpaper_pixel.png');background-size:192px 192px;background-repeat:repeat;image-rendering:pixelated}
/* Preserve photographic detail and readable text. */
.photo img,.photos img{image-rendering:auto}
.stars,.donate-stars{font-family:'Courier New',monospace;text-shadow:3px 3px 0 #ff54c8,-2px -2px 0 #42d9f3}
.donate-button{border-radius:2px;border:4px outset #ffe979;box-shadow:5px 5px 0 #a66812;text-shadow:2px 2px 0 #fff4a0}

/* Show the entire Breaking Bad family image without cropping faces. */
.photos .tilt-right img{object-fit:contain;object-position:center center;background:#fff;}

/* Green starfield homage to savewalterwhite.com */
html,body{background-color:#136c28}
body{background-image:url("wallpaper_pixel.png");background-repeat:repeat;background-size:384px 384px;image-rendering:pixelated}
#page{border-left:8px ridge #e3e76c;border-right:8px ridge #a2d945;box-shadow:0 0 0 5px #265d18,0 0 30px #082d10}
