css /* style.css */ body { background-color: #FF69B4; } h1 { font-family: 'Futura', 'Arial', sans-serif; font-size: 24px; color: #FFC080; text-shadow: 0px 0px 4px black; border-bottom: 8px solid black; margin-bottom: -10px; } h2 { font-family: 'Futura', 'Arial', sans-serif; font-size: 18px; color: #FFC080; text-shadow: 0px 0px 4px black; border-bottom: 6px solid black; margin-bottom: -10px; } h3 { font-family: 'Futura', 'Arial', sans-serif; font-size: 12px; color: #FFC080; text-shadow: 0px 0px 4px black; border-bottom: 4px solid black; margin-bottom: -8px; } p { font-family: 'Futura', 'Arial', sans-serif; font-size: 10px; color: #FFC080; text-shadow: 0px 0px 4px black; line-height: 1.5; margin-bottom: 10px; } img { width: 50%; float: right; border: 4px solid black; margin: 10px 0 20px 10px; } table { border-collapse: collapse; border: 1px solid black; margin: 0 0 20px 0; } table th { background-color: #FFC080; color: #000; text-align: left; padding: 4px; border: 4px solid black; } table td { border: 4px solid black; padding: 4px; background-color: #FF69B4; color: #333; text-align: left; } a:link { text-decoration: none; color: #000; font-weight: bold; border-bottom: 4px solid black; } a:hover { text-decoration: underline; color: #000; font-weight: bold; border-bottom: 4px solid black; } /* Foolsball Tournaments */ #official-foolsball-tournament { background-image: linear-gradient(to bottom, #FF69B4, #FFC080); background-size: 100px 100px; background-position: 0 0; background-repeat: no-repeat; background-clip: border-box; border: 1px solid black; padding: 20px; margin: 0 0 20px 0; width: 200px; float: left; display: inline-block; } /* Foolsball Team Table */ #official-foolsball-tournament-table { border-collapse: collapse; border: 1px solid black; margin: 0 0 20px 0; } #official-foolsball-tournament-table th { background-color: #FFC080; color: #000; text-align: left; padding: 4px; border: 4px solid black; } #official-foolsball-tournament-table td { border: 4px solid black; padding: 4px; background-color: #FF69B4; color: #333; text-align: left; } /* Foolsball Bracket */ #official-foolsball-tournament-bracket { background-image: linear-gradient(to bottom, #FF69B4, #FFC080); background-size: 100px 100px; background-position: 0 0; background-repeat: no-repeat; background-clip: border-box; border: 1px solid black; padding: 20px; margin: 0 0 20px 0; width: 200px; float: left; display: inline-block; } #official-foolsball-tournament-bracket a { text-decoration: none; color: #000; font-weight: bold; border-bottom: 4px solid black; display: inline-block; margin: 10px 0 0 0; } /* Foolsball Stats */ #official-foolsball-tournament-stats { background-image: linear-gradient(to bottom, #FF69B4, #FFC080); background-size: 100px 100px; background-position: 0 0; background-repeat: no-repeat; background-clip: border-box; border: 1px solid black; padding: 20px; margin: 0 0 20px 0; width: 200px; float: left; display: inline-block; } /* Foolsball Schedule */ #official-foolsball-tournament-schedule { background-image: linear-gradient(to bottom, #FF69B4, #FFC080); background-size: 100px 100px; background-position: 0 0; background-repeat: no-repeat; background-clip: border-box; border: 1px solid black; padding: 20px; margin: 0 0 20px 0; width: 200px; float: left; display: inline-block; } /* Foolsball Teams */ #official-foolsball-tournament-teams { background-image: linear-gradient(to bottom, #FF69B4, #FFC080); background-size: 100px 100px; background-position: 0 0; background-repeat: no-repeat; background-clip: border-box; border: 1px solid black; padding: 20px; margin: 0 0 20px 0; width: 200px; float: left; display: inline-block; } /* Foolsball Scores */ #official-foolsball-tournament-scores { background-image: linear-gradient(to bottom, #FF69B4, #FFC080); background-size: 100px 100px; background-position: 0 0; background-repeat: no-repeat; background-clip: border-box; border: 1px solid black; padding: 20px; margin: 0 0 20px 0; width: 200px; float: left; display: inline-block; } h1 { /* Foolsball Tournaments */ background-image: linear-gradient(to bottom, #FF69B4, #FFC080); background-size: 100px 100px; background-position: 0 0; background-repeat: no-repeat; background-clip: border-box; border: 1px solid black; padding: 20px; margin: 0 0 20px 0; width: 200px; float: left; display: inline-block; } h1:visited { background-image: linear-gradient(to bottom, #FF69B4, #FFC080); background-size: 100px 100px; background-position: 0 0; background-repeat: no-repeat; background-clip: border-box; border: 1px solid black; padding: 20px; margin: 0 0 20px 0; width: 200px; float: left; display: inline-block; } h1:active { background-image: linear-gradient(to bottom, #FF69B4, #FFC080); background-size: 100px 100px; background-position: 0 0; background-repeat: no-repeat; background-clip: border-box; border: 1px solid black; padding: 20px; margin: 0 0 20px 0; width: 200px; float: left; display: inline-block; }