css /* styles.css */ body { font-family: 'Futura', Arial, sans-serif; background-color: #f2f2f2; background-image: linear-gradient(180deg, #f2f2f2 0, #f2f2f2 0, #f2f2f2 100%); background-size: 100px 100px; background-position: 0 0; background-repeat: repeat-x; background-attachment: fixed; } /* Add an intense, neon glow to all text */ body * { text-shadow: 0 0 10px #00ff7f7f; color: #000000; background: #000000; background: -webkit-linear-gradient(left, #000000, #000000 0, #000000 0, #000000 100%); background: -o-linear-gradient(right, #000000, #000000 0, #000000 0, #000000 100%); background: -moz-linear-gradient(right, #000000, #000000 0, #000000 0, #000000 100%); background: linear-gradient(to right, #000000, #000000 0, #000000 0, #000000 100%); background: -webkit-linear-gradient(right, #000000, #000000 0, #000000 0, #000000 100%); background: -o-linear-gradient(right, #000000, #000000 0, #000000 0, #000000 100%); background: -moz-linear-gradient(right, #000000, #000000 0, #000000 0, #000000 100%); border: 4px solid #000000; border-radius: 5px; margin: 20px; } /* Make all links look like they're made out of neon */ a { color: #ff00ff00; text-decoration: none; background: linear-gradient(180deg, #ff0000, #ff0000 0, #000000 100%); border: 4px solid #ff0000; border-radius: 5px; padding: 20px; text-shadow: 0 0 10px #00ff7f7f; background: -webkit-linear-gradient(left, #ff0000, #ff0000 0, #000000 0, #000000 100%); background: -o-linear-gradient(right, #ff0000, #ff0000 0, #000000 0, #000000 100%); background: -moz-linear-gradient(right, #ff0000, #ff0000 0, #000000 0, #000000 100%); background: linear-gradient(to right, #ff0000, #ff0000 0, #000000 0, #000000 100%); background: -webkit-linear-gradient(right, #ff0000, #ff0000 0, #000000 0, #000000 100%); background: -o-linear-gradient(right, #ff0000, #ff0000 0, #000000 0, #000000 100%); background: -moz-linear-gradient(right, #ff0000, #ff0000 0, #000000 0, #000000 100%); border: 4px solid #ff0000; border-radius: 5px; margin: 20px; padding: 20px; text-align: center; } /* Make all headings look like they're written on a blackboard */ h1 { font-size: 24px; font-weight: bold; text-align: center; background: linear-gradient(180deg, #000000, #000000 0, #000000 0, #000000 100%); border: 4px solid #000000; border-radius: 5px; padding: 20px; margin: 10px; color: #ffffff; text-shadow: 0 0 10px #00ff7f7f; background: -webkit-linear-gradient(left, #000000, #000000 0, #000000 0, #000000 100%); background: -o-linear-gradient(right, #000000, #000000 0, #000000 0, #000000 100%); background: -moz-linear-gradient(right, #000000, #000000 0, #000000 0, #000000 100%); background: linear-gradient(to right, #000000, #000000 0, #000000 0, #000000 100%); background: -webkit-linear-gradient(right, #000000, #000000 0, #000000 0, #000000 100%); background: -o-linear-gradient(right, #000000, #000000 0, #000000 0, #000000 100%); background: -moz-linear-gradient(right, #000000, #000000 0, #000000 0, #000000 100%); border: 4px solid #000000; border-radius: 5px; margin: 20px; color: #ffffff; padding: 20px; text-align: center; font-family: 'Futura', Arial, sans-serif; font-weight: bold; font-style: normal; line-height: 20px; } /* Make all paragraphs look like they're written in a notebook */ p { font-family: 'Futura', Arial, sans-serif; font-size: 16px; line-height: 20px; margin: 20px; border: 2px solid #000000; background: linear-gradient(180deg, #ffffff 0, #ffffff 0, #ffffff 100%); border-radius: 5px; padding: 10px; text-align: left; color: #000000; text-decoration: none; text-shadow: 0 0 10px #00ff7f7f; background: -webkit-linear-gradient(left, #ffffff, #ffffff 0, #ffffff 0, #ffffff 100%); background: -o-linear-gradient(right, #ffffff, #ffffff 0, #ffffff 0, #ffffff 100%); background: -moz-linear-gradient(right, #ffffff, #ffffff 0, #ffffff 0, #ffffff 100%); background: linear-gradient(to right, #ffffff, #ffffff 0, #ffffff 0, #ffffff 100%); background: -webkit-linear-gradient(right, #ffffff, #ffffff 0, #ffffff 0, #ffffff 100%); background: -o-linear-gradient(right, #ffffff, #ffffff 0, #ffffff 0, #ffffff 100%); background: -moz-linear-gradient(right, #ffffff, #ffffff 0, #ffffff 0, #ffffff 100%); border: 2px solid #000000; border-radius: 5px; margin: 20px; padding: 10px; text-align: left; color: #000000; text-decoration: none; text-shadow: 0 0 10px #00ff7f7f; } /* Style for the session notes section */ .session-notes { background: linear-gradient(180deg, #000000, #000000 0, #000000 0, #000000 100%); border: 4px solid #000000; border-radius: 5px; margin: 20px; padding: 20px; font-family: 'Futura', Arial, sans-serif; font-size: 16px; line-height: 20px; color: #ffffff; text-align: left; text-decoration: none; text-shadow: 0 0 10px #00ff7f7f; background: -webkit-linear-gradient(left, #000000, #000000 0, #000000 0, #000000 100%); background: -o-linear-gradient(right, #000000, #000000 0, #000000 0, #000000 100%); background: -moz-linear-gradient(right, #000000, #000000 0, #000000 0, #000000 100%); background: linear-gradient(to right, #000000, #000000 0, #000000 0, #000000 100%); background: -webkit-linear-gradient(right, #000000, #000000 0, #000000 0, #000000 100%); background: -o-linear-gradient(right, #000000, #000000 0, #000000 0, #000000 100%); background: -moz-linear-gradient(right, #000000, #000000 0, #000000 0, #000000 100%); border: 4px solid #000000; border-radius: 5px; margin: 20px; padding: 20px; color: #ffffff; text-align: left; text-decoration: none; text-shadow: 0 0 10px #00ff7f7f; background: -webkit-linear-gradient(left, #000000, #000000 0, #000000 0, #000000 100%); background: -o-linear-gradient(right, #000000, #000000 0, #000000 0, #000000 100%); background: -moz-linear-gradient(right, #000000, #000000 0, #000000 0, #000000 100%); background: linear-gradient(to right, #000000, #000000 0, #000000 0, #000000 100%); background: -webkit-linear-gradient(right, #000000, #000000 0, #000000 0, #000000 100%); background: -o-linear-gradient(right, #000000, #000000 0, #000000 0, #000000 100%); background: -moz-linear-gradient(right, #000000, #000000 0, #000000 0, #000000 100%); border: 4px solid #000000; border-radius: 5px; margin: 20px; padding: 20px; color: #ffffff; text-align: left; text-decoration: none; text-shadow: 0 0 10px #00ff7f7f; } /* Style for the decision and actions section */ .decisions-and-actions { background: linear-gradient(180deg, #000000, #000000 0, #000000 0, #000000 100%); border: 4px solid #000000; border-radius: 5px; margin: 20px; padding: 20px; font-family: 'Futura', Arial, sans-serif; font-size: 16px; line-height: 20px; color: #ffffff; text-align: left; text-decoration: none; text-shadow: 0 0 10px #00ff7f7f; background: -webkit-linear-gradient(left, #000000, #000000 0, #000000 0, #000000 100%); background: -o-linear-gradient(right, #000000, #000000 0, #000000 0, #000000 100%); background: -moz-linear-gradient(right, #000000, #000000 0, #000000 0, #000000 100%); background: linear-gradient(to right, #000000, #000000 0, #000000 0, #000000 100%); background: -webkit-linear-gradient(right, #000000, #000000 0, #000000 0, #000000 100%); background: -o-linear-gradient(right, #000000, #000000 0, #000000 0, #000000 100%); background: -moz-linear-gradient(right, #000000, #000000 0, #000000 0, #000000 100%); border: 4px solid #000000; border-radius: 5px; margin: 20px; padding: 20px; color: #ffffff; text-align: left; text-decoration: none; text-shadow: 0 0 10px #00ff7f7f; background: -webkit-linear-gradient(left, #000000, #000000 0, #000000 0, #000000 100%); background: -o-linear-gradient(right, #000000, #000000 0, #000000 0, #000000 100%); background: -moz-linear-gradient(right, #000000, #000000 0, #000000 0, #000000 100%); background: linear-gradient(to right, #000000, #000000 0, #000000 0, #000000 100%); background: -webkit-linear-gradient(right, #000000, #000000 0, #000000 0, #000000 100%); background: -o-linear-gradient(right, #000000, #000000 0, #000000 0, #000000 100%); background: -moz-linear-gradient(right, #000000, #000000 0, #000000 0, #000000 100%); border: 4px solid #000000; border-radius: 5px; margin: 20px; padding: 20px; color: #ffffff; text-align: left; text-decoration: none; text-shadow: 0 0 10px #00ff7f7f; } /* Make all links look like they're made out of neon */ a { color: #00ff00ff; text-decoration: none; background: linear-gradient(180deg, #00ff00ff, #00ff00ff 0, #000000 100%); border: 4px solid #00ff00ff; border-radius: 5px; padding: 20px; text-shadow: 0 0 10px #00ff7f7f; background: -webkit-linear-gradient(left, #00ff00ff, #00ff00ff 0, #000000 100%); background: -o-linear-gradient(right, #00ff00ff, #00ff00ff 0, #000000 100%); background: -moz-linear-gradient(right, #00ff00ff, #00ff00ff 0, #000000 100%); background: linear-gradient(to right, #00ff00ff, #00ff00ff 0, #000000 100%); background: -webkit-linear-gradient(right, #00ff00ff, #00ff00ff 0, #000000 100%); background: -o-linear-gradient(right, #00ff00ff, #00ff00ff 0, #000000 100%); background: -moz-linear-gradient(right, #00ff00ff, #00ff00ff 0, #000000 100%); border: 4px solid #00ff00ff; border-radius: 5px; margin: 20px; padding: 20px; text-align: center; } /* Make the footer look like it's written on a chalkboard */ footer { font-family: 'Futura', Arial, sans-serif; font-size: 16px; line-height: 20px; background: linear-gradient(180deg, #ffffff, #ffffff 0, #ffffff 0, #ffffff 100%); border: 4px solid #000000; border-radius: 5px; margin: 20px; padding: 20px; color: #000000; text-align: center; text-decoration: none; text-shadow: 0 0 10px #00ff7f7f; background: -webkit-linear-gradient(left, #ffffff, #ffffff 0, #ffffff 0, #ffffff 100%); background: -o-linear-gradient(right, #ffffff, #ffffff 0, #ffffff 0, #ffffff 100%); background: -moz-linear-gradient(right, #ffffff, #ffffff 0, #ffffff 0, #ffffff 100%); background: linear-gradient(to right, #ffffff, #ffffff 0, #ffffff 0, #ffffff 100%); background: -webkit-linear-gradient(right, #ffffff, #ffffff 0, #ffffff 0, #ffffff 100%); background: -o-linear-gradient(right, #ffffff, #ffffff 0, #ffffff 0, #ffffff 100%); background: -moz-linear-gradient(right, #ffffff, #ffffff 0, #ffffff 0, #ffffff 100%); border: 4px solid #000000; border-radius: 5px; margin: 20px; padding: 20px; color: #000000; text-align: center; text-decoration: none; text-shadow: 0 0 10px #00ff7f7f; border: 4px solid #000000; border-radius: 5px; margin: 20px; padding: 20px; font-family: 'Futura', Arial, sans-serif; font-size: 16px; line-height: 20px; color: #000000; text-align: center; text-decoration: none; text-shadow: 0 0 10px #00ff7f7f; background: -webkit-linear-gradient(left, #ffffff, #ffffff 0, #ffffff 0, #ffffff 100%); background: -o-linear-gradient(right, #ffffff, #ffffff 0, #ffffff 0, #ffffff 100%); background: -moz-linear-gradient(right, #ffffff, #ffffff 0, #ffffff 0, #ffffff 100%); background: linear-gradient(to right, #ffffff, #ffffff 0, #ffffff 0, #ffffff 100%); background: -webkit-linear-gradient(right, #ffffff, #ffffff 0, #ffffff 0, #ffffff 100%); background: -o-linear-gradient(right, #ffffff, #ffffff 0, #ffffff 0, #ffffff 100%); background: -moz-linear-gradient(right, #ffffff, #ffffff 0, #ffffff 0, #ffffff 100%); border: 4px solid #000000; border-radius: 5px; margin: 20px; padding: 20px; color: #000000; text-align: center; text-decoration: none; text-shadow: 0 0 10px #00ff7f7f; } /* Make all images look like they're drawn on a whiteboard */ img { border: 4px solid #000000; border-radius: 5px; margin: 20px; padding: 20px; background: linear-gradient(180deg, #ffffff, #ffffff 0, #ffffff 0, #ffffff 100%); background: -webkit-linear-gradient(left, #ffffff, #ffffff 0, #ffffff 0, #ffffff 100%); background: -o-linear-gradient(right, #ffffff, #ffffff 0, #ffffff 0, #ffffff 100%); background: -moz-linear-gradient(right, #ffffff, #ffffff 0, #ffffff 0, #ffffff 100%); background: linear-gradient(to right, #ffffff, #ffffff 0, #ffffff 0, #ffffff 100%); background: -webkit-linear-gradient(right, #ffffff, #ffffff 0, #ffffff 0, #ffffff 100%); background: -o-linear-gradient(right, #ffffff, #ffffff 0, #ffffff 0, #ffffff 100%); background: -moz-linear-gradient(right, #ffffff, #ffffff 0, #ffffff 0, #ffffff 100%); border: 4px solid #000000; border-radius: 5px; margin: 20px; padding: 20px; color: #000000; text-align: center; text-decoration: none; text-shadow: 0 0 10px #00ff7f7f; } /* Make all headings look like they're written in a chalk */ h1 { font-size: 24px; font-weight: bold; text-align: center; background: linear-gradient(180deg, #ffffff, #ffffff 0, #ffffff 0, #ffffff 100%); border: 4px solid #000000; border-radius: 5px; padding: 20px; margin: 10px; color: #000000; text-shadow: 0 0 10px #00ff7f7f; background: -webkit-linear-gradient(left, #ffffff, #ffffff 0, #ffffff 0, #ffffff 100%); background: -o-linear-gradient(right, #ffffff, #ffffff 0, #ffffff 0, #ffffff 100%); background: -moz-linear-gradient(right, #ffffff, #ffffff 0, #ffffff 0, #ffffff 100%); background: linear-gradient(to right, #ffffff, #ffffff 0, #ffffff 0, #ffffff 100%); background: -webkit-linear-gradient(right, #ffffff, #ffffff 0, #ffffff 0, #ffffff 100%); background: -o-linear-gradient(right, #ffffff, #ffffff 0, #ffffff 0, #ffffff 100%); background: -moz-linear-gradient(right, #ffffff, #ffffff 0, #ffffff 0, #ffffff 100%); border: 4px solid #000000; border-radius: 5px; margin: 20px; padding: 20px; color: #000000; text-align: center; text-decoration: none; text-shadow: 0 0 10px #00ff7f7f; background: -webkit-linear-gradient(left, #ffffff, #ffffff 0, #ffffff 0, #ffffff 100%); background: -o-linear-gradient(right, #ffffff, #ffffff 0, #ffffff 0, #ffffff 100%); background: -moz-linear-gradient(right, #ffffff, #ffffff 0, #ffffff 0, #ffffff 100%); background: linear-gradient(to right, #ffffff, #ffffff 0, #ffffff 0, #ffffff 100%); background: -webkit-linear-gradient(right, #ffffff, #ffffff 0, #ffffff 0, #ffffff 100%); background: -o-linear-gradient(right, #ffffff, #ffffff 0, #ffffff 0, #ffffff 100%); background: -moz-linear-gradient(right, #ffffff, #ffffff 0, #ffffff 0, #ffffff 100%); border: 4px solid #000000; border-radius: 5px; margin: 20px; padding: 20px; color: #000000; text-align: center; text-decoration: none; text-shadow: 0 0 10px #00ff7f7f; }