The Loop-the-Loop Spiral

Welcome to the Loop-the-Loop Spiral

A place where committee culture meets sorcery, and the boundaries of sanity are pushed to their limits.

A swirling vortex of confusion
/* CSS */ body { background-color: #f2f2f2; } header { background-color: #333; color: #fff; padding: 20px; text-align: center; border: 4px solid #000; box-shadow: 0px 0px 0px 0px #000; } main { max-width: 800px; margin: 40px auto; padding: 20px; border: 4px solid #000; box-shadow: 0px 0px 0px 0px #000; } h1 { font-size: 36px; color: #fff; margin-bottom: 20px; } h2 { font-size: 24px; color: #fff; margin-bottom: 20px; } h2.section-title { font-size: 36px; color: #f2f2f2; margin-bottom: 10px; } p.text { font-size: 18px; line-height: 1.5; color: #fff; margin-bottom: 20px; } .image { display: block; width: 50%; margin: 20px auto; border: 4px solid #000; box-shadow: 0px 0px 0px 0px #000; } .image img { display: block; width: 100%; height: auto; border: 4px solid #fff; box-shadow: 0px 0px 0px 0px #fff; } ul.nav { list-style: none; padding: 0; margin: 0; overflow: hidden; } ul.nav li { float: left; margin-right: 20px; padding: 0; border: 4px solid #000; box-shadow: 0px 0px 0px 0px #000; } ul.nav a { text-decoration: none; color: #fff; font-weight: bold; font-size: 18px; transition: background-color 0.2s ease; } ul.nav a:hover { background-color: #333; color: #f2f2f2; } footer { background-color: #333; color: #fff; padding: 20px; text-align: center; border: 4px solid #000; box-shadow: 0px 0px 0px 0px #000; position: fixed; bottom: 0; width: 100%; left: 0; right: 0; margin: 0; } footer p.copyright { font-size: 12px; margin: 0; padding: 0; text-align: center; }