Ruin It: The Art of Destruction

A Site for the Utterly Desperate

Welcome to Ruin It, where the art of destruction is taken very seriously.

Our team of expert wreckers will guide you through the process of dismantling even the most seemingly impervious systems.

Whether you want to level a building, destroy a reputation, or simply ruin a perfectly good relationship, we're here to help.

Subpages:

/* styles.css */ body { background-color: #ff00ff; font-family: 'Arial', sans-serif; font-weight: bold; color: #000000; text-align: center; } h1 { font-size: 48px; color: #000000; border-bottom: 4px solid #000000; } h2 { font-size: 24px; color: #000000; border-bottom: 2px solid #000000; } .container { width: 80%; margin: 0 auto; padding: 20px; background-color: #ffffff; border: 4px solid #000000; border-radius: 10px; box-shadow: 0 0 10px #000000; } .link-container { background-color: #000000; padding: 10px; border: 2px solid #000000; border-radius: 5px; margin: 10px; } a { color: #ffffff; text-decoration: none; font-weight: bold; border: 1px solid #000000; border-bottom: 1px solid #000000; background-color: #000000; padding: 5px 10px; text-transform: uppercase; border-radius: 5px; } a:hover { background-color: #000000; border: 2px solid #000000; padding: 5px 10px; } footer { background-color: #000000; padding: 10px; border: 2px solid #000000; border-radius: 5px; position: fixed; bottom: 0; width: 80%; text-align: center; margin: 0 auto; font-size: 14px; } /* add some randomness */ .random-element { transform: rotate(10deg); animation: blinker 2s infinite; } .random-element::before { content: "Random"; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 20px; font-weight: bold; } @keyframes blinker { 0% { opacity: 1; } 100% { opacity: 0; } } .random-element { background-color: #ff0000; border: 2px solid #000000; padding: 10px; border-radius: 10px; display: inline-block; margin: 10px; font-family: 'Arial', sans-serif; font-weight: bold; }