Proper Blooping Techniques

Welcome to Brillant Bloopers, where we're dedicated to the art of intentional chaos.

Techniques

Disclaimer: Blooping may cause unintended consequences. Proceed at your own risk.

/* style.css */ body { font-family: 'BloopingSans', sans-serif; font-size: 20px; line-height: 1.2; margin: 20px; background-image: linear-gradient(to bottom, #FF69B4, #FFC9C9); background-size: 100px 100px; background-position: 0 0; background-repeat: no-repeat; } h1 { font-size: 30px; color: #FF0000; margin: 0 0 10px 0; padding: 10px; border-bottom: 4px solid #000000; border-top: 4px solid #000000; box-shadow: 0 4px 0 #000000; text-shadow: 0 4px 0 #000000; } h2 { font-size: 20px; color: #000000; margin: 0 0 10px 0; padding: 10px; border-bottom: 4px solid #000000; border-top: 4px solid #000000; box-shadow: 0 4px 0 #000000; text-shadow: 0 4px 0 #000000; } p { font-size: 18px; color: #000000; margin: 10px 0; padding: 10px; border-bottom: 4px solid #000000; border-top: 4px solid #000000; box-shadow: 0 4px 0 #000000; text-shadow: 0 4px 0 #000000; } a { text-decoration: none; color: #00FFFF; border-bottom: 4px solid #000000; border-top: 4px solid #000000; box-shadow: 0 4px 0 #000000; text-shadow: 0 4px 0 #000000; } a:hover { color: #000000; text-decoration: underline; border-bottom: 4px solid #000000; border-top: 4px solid #000000; box-shadow: 0 4px 0 #000000; text-shadow: 0 4px 0 #000000; } /* Links to subpages */ a[href*="/BrillantBloopers/ProperBloopingTechniques/TheBloop"] { background-image: linear-gradient(to bottom, #FF0000, #FF69B4); background-size: 100px 100px; background-position: 0 0; background-repeat: no-repeat; } a[href*="/BrillantBloopers/ProperBloopingTechniques/UnplannedBloopage"] { background-image: linear-gradient(to bottom, #FF69B4, #FF69B4); background-size: 100px 100px; background-position: 0 0; background-repeat: no-repeat; } a[href*="/BrillantBloopers/ProperBloopingTechniques/SpontaneousBlooping"] { background-image: linear-gradient(to bottom, #FF69B4, #FFC9C9); background-size: 100px 100px; background-position: 0 0; background-repeat: no-repeat; } a[href*="/BrillantBloopers/ProperBloopingTechniques/UnpredictableBloops"] { background-image: linear-gradient(to bottom, #FF69B4, #FF69B4); background-size: 100px 100px; background-position: 0 0; background-repeat: no-repeat; }