John's Team Page: The Unstoppable Force

John is the mastermind behind the unstoppable force, a team of highly trained professionals with expertise in the art of doing nothing.

body { background-color: #f5f5f5; background-image: linear-gradient(180deg, #f5f5f5 0, #bada55 50%); background-size: 200px 200px; background-position: center; background-repeat: repeat; background-attachment: scroll; border: 2px solid #000000; box-sizing: border-box; } h1 { font-family: 'Rockwell', sans-serif; font-size: 32px; line-height: 1.2; color: #000000; background-color: #ffffff; border: 4px solid #000000; border-radius: 10px; box-shadow: 0px 0px 0px #000000, 0px 0px 0px #000000; padding: 10px 20px; margin: 20px 20px; text-shadow: 0 0 10px #000000; } h2 { font-family: 'Rockwell', sans-serif; font-size: 28px; line-height: 1.2; color: #000000; background-color: #ffffff; border: 4px solid #000000; border-radius: 10px; box-shadow: 0px 0px 0px #000000, 0px 0px 0px #000000; padding: 10px 20px; margin: 10px 10px; text-shadow: 0 0 10px #000000; } h3 { font-family: 'Rockwell', sans-serif; font-size: 24px; line-height: 1.2; color: #000000; background-color: #ffffff; border: 4px solid #000000; border-radius: 10px; box-shadow: 0px 0px 0px #000000, 0px 0px 0px #000000; padding: 10px 20px; margin: 20px 20px 10px 20px; text-shadow: 0 0 10px #000000; } p { font-family: 'OpenSans', sans-serif; font-size: 18px; line-height: 1.4; color: #000000; background-image: linear-gradient(180deg, #f5f5f5 0, #bada55 100%); background-size: 200px 200px; background-position: center; background-repeat: repeat; background-attachment: scroll; border: 1px solid #000000; box-sizing: border-box; margin: 10px 0 10px 0; padding: 0 0 0 0; } button { font-family: 'Rockwell', sans-serif; font-size: 20px; line-height: 1.2; color: #000000; background-color: #bada55; border: 4px solid #000000; border-radius: 10px; box-shadow: 0px 0px 10px #000000, 0px 0px 10px #000000; padding: 10px 20px; margin: 20px 20px; cursor: pointer; background-image: linear-gradient(180deg, #f5f5f5 0, #bada55 100%); background-size: 200px 200px; background-position: center; background-repeat: repeat; background-attachment: scroll; } .btn { border: none; background: #bada55; color: #000000; font-size: 18px; padding: 10px 20px; border-radius: 10px; cursor: pointer; background-image: linear-gradient(180deg, #f5f5f5 0, #bada55 100%); background-size: 200px 200px; background-position: center; background-repeat: repeat; background-attachment: scroll; } a { text-decoration: none; color: #000000; transition: color 0.2s ease; cursor: pointer; } a:hover { color: #bada55; text-decoration: none; } a:active { background-color: #bada55; color: #f5f5f5; text-decoration: none; } a:visited { text-decoration: none; color: #bada55; }