\n\n\n\n \n \n Neurochemicals Documentation | Educational Guide\n \n :root {\n --primary: #0d6efd;\n --primary-dark: #0a58ca;\n --secondary: #6610f2;\n --success: #198754;\n --warning: #ffc107;\n --danger: #dc3545;\n --info: #0dcaf0;\n --dark: #212529;\n --light: #f8f9fa;\n --card-bg: #ffffff;\n --body-bg: #f0f4f8;\n --text: #333;\n --radius: 16px;\n --shadow: 0 8px 24px rgba(0,0,0,0.08);\n }\n\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;\n background: var(--body-bg);\n color: var(--text);\n line-height: 1.7;\n }\n\n /* Header */\n header {\n background: linear-gradient(135deg, #0d6efd, #6610f2);\n color: white;\n padding: 2.5rem 1.5rem;\n text-align: center;\n position: relative;\n overflow: hidden;\n }\n\n header::before {\n content: '';\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 60%);\n animation: pulse 8s infinite linear;\n }\n\n @keyframes pulse {\n 0% { transform: rotate(0deg); }\n 100% { transform: rotate(360deg); }\n }\n\n header h1 {\n font-size: 2.4rem;\n margin-bottom: 0.5rem;\n position: relative;\n z-index: 1;\n }\n\n header p {\n font-size: 1.15rem;\n opacity: 0.95;\n position: relative;\n z-index: 1;\n }\n\n /* Navigation */\n nav {\n background: white;\n box-shadow: 0 2px 12px rgba(0,0,0,0.06);\n position: sticky;\n top: 0;\n z-index: 100;\n }\n\n nav ul {\n display: flex;\n justify-content: center;\n flex-wrap: wrap;\n list-style: none;\n max-width: 1100px;\n margin: 0 auto;\n padding: 0.8rem 1rem;\n gap: 0.5rem;\n }\n\n nav a {\n text-decoration: none;\n color: var(--dark);\n font-weight: 600;\n padding: 0.5rem 1rem;\n border-radius: 50px;\n transition: all 0.25s ease;\n font-size: 0.95rem;\n }\n\n nav a:hover, nav a.active {\n background: var(--primary);\n color: white;\n }\n\n /* Main content */\n main {\n max-width: 1100px;\n margin: 2rem auto;\n padding: 0 1.2rem 3rem;\n }\n\n section {\n background: var(--card-bg);\n border-radius: var(--radius);\n padding: 2rem;\n margin-bottom: 2rem;\n box-shadow: var(--shadow);\n }\n\n h2 {\n color: var(--primary-dark);\n font-size: 1.7rem;\n margin-bottom: 1.2rem;\n display: flex;\n align-items: center;\n gap: 0.6rem;\n }\n\n h2 .icon {\n font-size: 1.6rem;\n }\n\n h3 {\n color: var(--secondary);\n margin: 1.4rem 0 0.7rem;\n font-size: 1.25rem;\n }\n\n p {\n margin-bottom: 1rem;\n }\n\n /* Image styles */\n .img-container {\n text-align: center;\n margin: 1.5rem 0;\n }\n\n .img-container img {\n max-width: 100%;\n height: auto;\n border-radius: 12px;\n box-shadow: 0 6px 20px rgba(0,0,0,0.12);\n border: 1px solid #e0e0e0;\n }\n\n .img-caption {\n font-size: 0.9rem;\n color: #666;\n margin-top: 0.6rem;\n font-style: italic;\n }\n\n /* Cards grid */\n .cards {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.4rem;\n margin-top: 1.5rem;\n }\n\n .card {\n background: linear-gradient(145deg, #ffffff, #f8f9ff);\n border-radius: 14px;\n padding: 1.4rem;\n border: 1px solid #e8eaf6;\n transition: transform 0.25s ease, box-shadow 0.25s ease;\n cursor: pointer;\n position: relative;\n overflow: hidden;\n }\n\n .card:hover {\n transform: translateY(-6px);\n box-shadow: 0 12px 28px rgba(13, 110, 253, 0.15);\n }\n\n .card .badge {\n display: inline-block;\n padding: 0.25rem 0.7rem;\n border-radius: 50px;\n font-size: 0.75rem;\n font-weight: 700;\n margin-bottom: 0.7rem;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n }\n\n .badge.excitatory { background: #ffe0e0; color: #c62828; }\n .badge.inhibitory { background: #e0f7fa; color: #00695c; }\n .badge.modulatory { background: #f3e5f5; color: #6a1b9a; }\n\n .card h3 {\n margin: 0 0 0.6rem;\n font-size: 1.25rem;\n color: var(--dark);\n }\n\n .card p {\n font-size: 0.95rem;\n margin-bottom: 0.5rem;\n color: #555;\n }\n\n .card .more-info {\n display: none;\n margin-top: 0.8rem;\n padding-top: 0.8rem;\n border-top: 1px dashed #ddd;\n font-size: 0.9rem;\n color: #444;\n }\n\n .card.open .more-info {\n display: block;\n }\n\n .card .toggle-btn {\n margin-top: 0.8rem;\n background: none;\n border: none;\n color: var(--primary);\n font-weight: 600;\n cursor: pointer;\n font-size: 0.9rem;\n padding: 0;\n }\n\n /* Video Player Section */\n .video-section {\n background: #1a1a2e;\n color: #eee;\n }\n\n .video-section h2 {\n color: #fff;\n }\n\n .video-player-wrapper {\n position: relative;\n padding-bottom: 56.25%;\n height: 0;\n overflow: hidden;\n border-radius: 12px;\n background: #000;\n margin: 1.5rem 0;\n box-shadow: 0 10px 30px rgba(0,0,0,0.4);\n }\n\n .video-player-wrapper iframe {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border: none;\n }\n\n .video-list {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1rem;\n margin-top: 1.5rem;\n }\n\n .video-item {\n background: #16213e;\n border-radius: 10px;\n padding: 1rem;\n cursor: pointer;\n transition: all 0.2s ease;\n border: 2px solid transparent;\n }\n\n .video-item:hover, .video-item.active {\n border-color: var(--info);\n background: #0f3460;\n }\n\n .video-item h4 {\n font-size: 0.95rem;\n margin-bottom: 0.3rem;\n color: #fff;\n }\n\n .video-item span {\n font-size: 0.8rem;\n color: #90caf9;\n }\n\n /* Process steps */\n .steps {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin: 1.5rem 0;\n }\n\n .step {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: #f8f9ff;\n padding: 1rem 1.2rem;\n border-radius: 12px;\n border-left: 5px solid var(--primary);\n }\n\n .step-number {\n background: var(--primary);\n color: white;\n width: 36px;\n height: 36px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 700;\n flex-shrink: 0;\n }\n\n /* Fun facts */\n .fun-fact {\n background: linear-gradient(135deg, #fff8e1, #ffecb3);\n border-left: 5px solid var(--warning);\n padding: 1rem 1.3rem;\n border-radius: 0 12px 12px 0;\n margin: 1.5rem 0;\n }\n\n .fun-fact strong {\n color: #e65100;\n }\n\n /* Quiz */\n .quiz-container {\n background: #f0f7ff;\n border-radius: 12px;\n padding: 1.5rem;\n margin-top: 1.5rem;\n }\n\n .quiz-question {\n font-weight: 600;\n margin-bottom: 1rem;\n font-size: 1.1rem;\n }\n\n .quiz-options {\n display: flex;\n flex-direction: column;\n gap: 0.6rem;\n }\n\n .quiz-options button {\n text-align: left;\n padding: 0.8rem 1.1rem;\n border: 2px solid #cce0ff;\n background: white;\n border-radius: 10px;\n cursor: pointer;\n font-size: 0.95rem;\n transition: all 0.2s;\n }\n\n .quiz-options button:hover {\n border-color: var(--primary);\n background: #e8f0fe;\n }\n\n .quiz-options button.correct {\n background: #d4edda;\n border-color: #28a745;\n }\n\n .quiz-options button.wrong {\n background: #f8d7da;\n border-color: #dc3545;\n }\n\n .quiz-feedback {\n margin-top: 1rem;\n font-weight: 600;\n min-height: 1.4rem;\n }\n\n /* Footer */\n footer {\n text-align: center;\n padding: 2rem 1rem;\n background: var(--dark);\n color: #ccc;\n font-size: 0.9rem;\n }\n\n footer a {\n color: #90caf9;\n }\n\n /* Responsive */\n @media (max-width: 600px) {\n header h1 { font-size: 1.8rem; }\n section { padding: 1.4rem; }\n nav a { font-size: 0.85rem; padding: 0.4rem 0.8rem; }\n }\n \n\n\n\n \n \n
🧠 Neurochemicals
\n
A simple educational guide to the chemical messengers of the brain
\n \n\n \n \n
\n \n\n \n \n \n
📘 What are Neurochemicals?
\n
\n Neurochemicals (also called neurotransmitters) are special chemical messengers \n made by the brain and nervous system. They allow nerve cells (neurons) to talk to each other and to other cells \n in the body such as muscles and glands.\n
\n
\n Without these chemicals, your brain could not control movement, mood, sleep, memory, or even keep your heart beating. \n Scientists know of more than 100 different neurotransmitters. In this documentation we will focus on the most important ones.\n
\n\n \n
Fun Fact: The gap between two neurons where these chemicals travel is called a
synapse. \n It is only about 20–40 nanometers wide — thousands of times thinner than a human hair!\n \n\n \n
![\"Diagram](\"https://upload.wikimedia.org/wikipedia/commons/a/a6/Chemical_synapse_schema_cropped.jpg\")
\n
\n Chemical synapse: Neurotransmitters are released from one neuron and bind to receptors on the next neuron \n (Public domain image from U.S. National Institute on Aging)\n
\n \n \n\n \n \n
⚡ How Neurotransmission Works
\n
Here is a simple step-by-step explanation of how a message travels from one neuron to another:
\n\n \n \n 1\n \n
Electrical signal arrives\n An electrical impulse (action potential) travels down the axon of the first neuron and reaches the axon terminal.\n \n \n \n 2\n \n
Neurotransmitters are released\n Tiny sacs called synaptic vesicles open and release neurochemicals into the synaptic gap.\n \n \n \n 3\n \n
Chemicals cross the gap\n The neurotransmitters float across the tiny space and attach to special receptors on the next neuron (like a key fitting into a lock).\n \n \n \n 4\n \n
Message continues or stops\n Depending on the type of neurotransmitter, the next neuron may become more likely to fire (excitatory) or less likely to fire (inhibitory).\n \n \n \n 5\n \n
Cleanup\n Extra neurotransmitters are either taken back into the first neuron (reuptake) or broken down by enzymes so the signal does not stay on forever.\n \n \n \n\n \n
![\"Detailed](\"https://upload.wikimedia.org/wikipedia/commons/thumb/4/4a/Neuron_synapse.svg/700px-Neuron_synapse.svg.png\")
\n
\n Detailed view of a typical synapse between two neurons (Wikimedia Commons, CC BY-SA)\n
\n \n \n\n \n \n
🧪 Major Neurochemicals
\n
Click on any card to learn more details about each neurochemical.
\n\n \n \n \n Modulatory\n
Dopamine
\n
Often called the “motivation and reward” chemical.
\n
Main roles: Pleasure, motivation, focus, movement, learning.
\n Show more ↓\n \n Dopamine helps you feel good when you achieve a goal or enjoy something (like finishing homework or eating your favourite food). \n It is also very important for smooth muscle movements. Low dopamine in certain brain areas is linked to Parkinson’s disease. \n Many rewarding activities naturally increase dopamine.\n \n \n\n \n \n Mostly Inhibitory\n
Serotonin
\n
Helps regulate mood, sleep and appetite.
\n
Main roles: Mood balance, sleep, digestion, feeling calm.
\n Show more ↓\n \n About 90% of the body’s serotonin is actually made in the gut, not the brain! \n It helps you feel stable and content. Healthy sleep, sunlight and exercise can support good serotonin levels. \n Many common medications for mood work by keeping serotonin available longer in the synapse.\n \n \n\n \n \n Excitatory\n
Acetylcholine
\n
The first neurotransmitter ever discovered.
\n
Main roles: Memory, learning, muscle control, attention.
\n Show more ↓\n \n Acetylcholine is released at the connection between nerves and muscles so you can move. \n In the brain it is crucial for forming memories and staying alert. \n The poison of some snakes and certain insecticides work by blocking acetylcholine activity.\n \n \n\n \n \n Inhibitory\n
GABA
\n
The brain’s main “calm-down” chemical.
\n
Main roles: Reducing anxiety, promoting relaxation, sleep, preventing over-excitation.
\n Show more ↓\n \n GABA (gamma-aminobutyric acid) acts like a brake for the nervous system. \n When GABA levels are healthy, you feel less anxious and can sleep better. \n Many anti-anxiety and sleep medicines work by increasing GABA’s effects. \n Exercise and certain foods can also support GABA activity.\n \n \n\n \n \n Excitatory\n
Glutamate
\n
The most common excitatory neurotransmitter in the brain.
\n
Main roles: Learning, memory, thinking, overall brain activity.
\n Show more ↓\n \n Glutamate is used in more than half of all brain synapses. It is essential for learning new things \n and forming long-term memories (through a process called long-term potentiation). \n Too much glutamate can be harmful to neurons, so the brain carefully controls its levels.\n \n \n\n \n \n Excitatory\n
Norepinephrine
\n
Also known as noradrenaline — the alertness chemical.
\n
Main roles: Attention, alertness, stress response, fight-or-flight.
\n Show more ↓\n \n When you need to focus or respond to a challenge, norepinephrine increases. \n It raises heart rate and blood pressure and makes you more awake. \n It works closely with the body’s stress hormone system. Balanced levels help with concentration and mood.\n \n \n \n \n\n \n \n
🎬 Educational Videos
\n
\n Watch short, high-quality videos from Neuroscientifically Challenged (university professor). \n Click any video below to play it in the player.\n
\n\n \n \n \n \n \n\n \n \n \n
Synaptic Transmission
\n 2 min • How chemicals cross the synapse\n \n \n
Dopamine
\n 2 min • Motivation & reward\n \n \n
Serotonin
\n 2 min • Mood & calm\n \n \n
GABA
\n 2 min • The calming chemical\n \n \n
Acetylcholine
\n 2 min • Memory & movement\n \n \n
Glutamate
\n 2 min • Learning & memory\n \n \n \n\n \n \n
📝 Quick Knowledge Check
\n
Test what you learned! Choose the correct answer.
\n\n \n 1. Which neurochemical is most closely linked to feelings of motivation and reward?\n \n Dopamine\n GABA\n Acetylcholine\n Glutamate\n \n \n Next Question →\n \n \n\n \n \n
✅ Key Takeaways
\n
\n - Neurochemicals (neurotransmitters) are the chemical messengers that let neurons communicate.
\n - They can be excitatory (encourage the next neuron to fire) or inhibitory (calm it down).
\n - Dopamine → motivation & reward | Serotonin → mood & sleep | GABA → calm | Glutamate → learning | Acetylcholine → memory & movement.
\n - A healthy lifestyle (sleep, exercise, balanced diet, managing stress) helps keep these chemicals in balance.
\n
\n
\n This page is for educational purposes only. It is not medical advice. \n If you have questions about brain health, please talk to a doctor or teacher.\n
\n \n \n\n \n
\n Educational documentation created for learning purposes.
\n Images from Wikimedia Commons (Public Domain / CC licenses).
\n Videos by Neuroscientifically Challenged on YouTube.\n
\n \n\n \n // Card toggle\n function toggleCard(card) {\n card.classList.toggle('open');\n const btn = card.querySelector('.toggle-btn');\n if (card.classList.contains('open')) {\n btn.textContent = 'Show less ↑';\n } else {\n btn.textContent = 'Show more ↓';\n }\n }\n\n // Video player switcher\n const player = document.getElementById('mainPlayer');\n const videoItems = document.querySelectorAll('.video-item');\n\n videoItems.forEach(item => {\n item.addEventListener('click', () => {\n // Remove active class\n videoItems.forEach(v => v.classList.remove('active'));\n item.classList.add('active');\n\n // Change video\n const videoId = item.getAttribute('data-id');\n player.src = `https://www.youtube.com/embed/${videoId}?rel=0&autoplay=1`;\n });\n });\n\n // Smooth scroll for nav\n document.querySelectorAll('.nav-link').forEach(link => {\n link.addEventListener('click', e => {\n e.preventDefault();\n const target = document.querySelector(link.getAttribute('href'));\n if (target) {\n target.scrollIntoView({ behavior: 'smooth', block: 'start' });\n }\n });\n });\n\n // Highlight active nav on scroll\n const sections = document.querySelectorAll('section[id]');\n window.addEventListener('scroll', () => {\n let current = '';\n sections.forEach(section => {\n const sectionTop = section.offsetTop - 100;\n if (scrollY >= sectionTop) {\n current = section.getAttribute('id');\n }\n });\n document.querySelectorAll('.nav-link').forEach(link => {\n link.classList.remove('active');\n if (link.getAttribute('href') === '#' + current) {\n link.classList.add('active');\n }\n });\n });\n\n // Quiz data\n const questions = [\n {\n q: \"1. Which neurochemical is most closely linked to feelings of motivation and reward?\",\n options: [\"Dopamine\", \"GABA\", \"Acetylcholine\", \"Glutamate\"],\n correct: 0\n },\n {\n q: \"2. Which chemical acts mainly as a brake and helps you feel calm?\",\n options: [\"Glutamate\", \"Dopamine\", \"GABA\", \"Norepinephrine\"],\n correct: 2\n },\n {\n q: \"3. The tiny gap between two neurons where chemicals travel is called a:\",\n options: [\"Axon\", \"Synapse\", \"Dendrite\", \"Nucleus\"],\n correct: 1\n },\n {\n q: \"4. Which neurotransmitter is important for muscle movement and memory?\",\n options: [\"Serotonin\", \"GABA\", \"Acetylcholine\", \"Dopamine\"],\n correct: 2\n },\n {\n q: \"5. The most common excitatory neurotransmitter in the brain is:\",\n options: [\"GABA\", \"Serotonin\", \"Glutamate\", \"Norepinephrine\"],\n correct: 2\n }\n ];\n\n let currentQ = 0;\n let answered = false;\n\n function loadQuestion() {\n const q = questions[currentQ];\n document.getElementById('qText').textContent = q.q;\n const optionsDiv = document.getElementById('qOptions');\n optionsDiv.innerHTML = '';\n q.options.forEach((opt, i) => {\n const btn = document.createElement('button');\n btn.textContent = opt;\n btn.onclick = function() { checkAnswer(this, i === q.correct); };\n optionsDiv.appendChild(btn);\n });\n document.getElementById('qFeedback').textContent = '';\n document.getElementById('nextBtn').style.display = 'none';\n answered = false;\n }\n\n function checkAnswer(btn, isCorrect) {\n if (answered) return;\n answered = true;\n const buttons = document.querySelectorAll('#qOptions button');\n buttons.forEach(b => b.disabled = true);\n\n if (isCorrect) {\n btn.classList.add('correct');\n document.getElementById('qFeedback').textContent = '✅ Correct! Great job!';\n document.getElementById('qFeedback').style.color = '#198754';\n } else {\n btn.classList.add('wrong');\n // Highlight correct one\n buttons[questions[currentQ].correct].classList.add('correct');\n document.getElementById('qFeedback').textContent = '❌ Not quite. Look at the highlighted correct answer.';\n document.getElementById('qFeedback').style.color = '#dc3545';\n }\n document.getElementById('nextBtn').style.display = 'inline-block';\n }\n\n function nextQuestion() {\n currentQ++;\n if (currentQ < questions.length) {\n loadQuestion();\n } else {\n document.getElementById('qText').textContent = '🎉 Quiz Complete!';\n document.getElementById('qOptions').innerHTML = '
You finished all questions. Review the cards above if you want to revise!
';\n document.getElementById('qFeedback').textContent = '';\n document.getElementById('nextBtn').style.display = 'none';\n }\n }\n\n // Load first question\n loadQuestion();\n \n\n\n\n\n\n\n"}]}] -->
Neurochemicals Documentation | Educational Guide
:root {
--primary: #0d6efd;
--primary-dark: #0a58ca;
--secondary: #6610f2;
--success: #198754;
--warning: #ffc107;
--danger: #dc3545;
--info: #0dcaf0;
--dark: #212529;
--light: #f8f9fa;
--card-bg: #ffffff;
--body-bg: #f0f4f8;
--text: #333;
--radius: 16px;
--shadow: 0 8px 24px rgba(0,0,0,0.08);
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
background: var(--body-bg);
color: var(--text);
line-height: 1.7;
}
/* Header */
header {
background: linear-gradient(135deg, #0d6efd, #6610f2);
color: white;
padding: 2.5rem 1.5rem;
text-align: center;
position: relative;
overflow: hidden;
}
header::before {
content: '';
position: absolute;
top: -50%;
left: -50%;
width: 200%;
height: 200%;
background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 60%);
animation: pulse 8s infinite linear;
}
@keyframes pulse {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
header h1 {
font-size: 2.4rem;
margin-bottom: 0.5rem;
position: relative;
z-index: 1;
}
header p {
font-size: 1.15rem;
opacity: 0.95;
position: relative;
z-index: 1;
}
/* Navigation */
nav {
background: white;
box-shadow: 0 2px 12px rgba(0,0,0,0.06);
position: sticky;
top: 0;
z-index: 100;
}
nav ul {
display: flex;
justify-content: center;
flex-wrap: wrap;
list-style: none;
max-width: 1100px;
margin: 0 auto;
padding: 0.8rem 1rem;
gap: 0.5rem;
}
nav a {
text-decoration: none;
color: var(--dark);
font-weight: 600;
padding: 0.5rem 1rem;
border-radius: 50px;
transition: all 0.25s ease;
font-size: 0.95rem;
}
nav a:hover, nav a.active {
background: var(--primary);
color: white;
}
/* Main content */
main {
max-width: 1100px;
margin: 2rem auto;
padding: 0 1.2rem 3rem;
}
section {
background: var(--card-bg);
border-radius: var(--radius);
padding: 2rem;
margin-bottom: 2rem;
box-shadow: var(--shadow);
}
h2 {
color: var(--primary-dark);
font-size: 1.7rem;
margin-bottom: 1.2rem;
display: flex;
align-items: center;
gap: 0.6rem;
}
h2 .icon {
font-size: 1.6rem;
}
h3 {
color: var(--secondary);
margin: 1.4rem 0 0.7rem;
font-size: 1.25rem;
}
p {
margin-bottom: 1rem;
}
/* Image styles */
.img-container {
text-align: center;
margin: 1.5rem 0;
}
.img-container img {
max-width: 100%;
height: auto;
border-radius: 12px;
box-shadow: 0 6px 20px rgba(0,0,0,0.12);
border: 1px solid #e0e0e0;
}
.img-caption {
font-size: 0.9rem;
color: #666;
margin-top: 0.6rem;
font-style: italic;
}
/* Cards grid */
.cards {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 1.4rem;
margin-top: 1.5rem;
}
.card {
background: linear-gradient(145deg, #ffffff, #f8f9ff);
border-radius: 14px;
padding: 1.4rem;
border: 1px solid #e8eaf6;
transition: transform 0.25s ease, box-shadow 0.25s ease;
cursor: pointer;
position: relative;
overflow: hidden;
}
.card:hover {
transform: translateY(-6px);
box-shadow: 0 12px 28px rgba(13, 110, 253, 0.15);
}
.card .badge {
display: inline-block;
padding: 0.25rem 0.7rem;
border-radius: 50px;
font-size: 0.75rem;
font-weight: 700;
margin-bottom: 0.7rem;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.badge.excitatory { background: #ffe0e0; color: #c62828; }
.badge.inhibitory { background: #e0f7fa; color: #00695c; }
.badge.modulatory { background: #f3e5f5; color: #6a1b9a; }
.card h3 {
margin: 0 0 0.6rem;
font-size: 1.25rem;
color: var(--dark);
}
.card p {
font-size: 0.95rem;
margin-bottom: 0.5rem;
color: #555;
}
.card .more-info {
display: none;
margin-top: 0.8rem;
padding-top: 0.8rem;
border-top: 1px dashed #ddd;
font-size: 0.9rem;
color: #444;
}
.card.open .more-info {
display: block;
}
.card .toggle-btn {
margin-top: 0.8rem;
background: none;
border: none;
color: var(--primary);
font-weight: 600;
cursor: pointer;
font-size: 0.9rem;
padding: 0;
}
/* Video Player Section */
.video-section {
background: #1a1a2e;
color: #eee;
}
.video-section h2 {
color: #fff;
}
.video-player-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
border-radius: 12px;
background: #000;
margin: 1.5rem 0;
box-shadow: 0 10px 30px rgba(0,0,0,0.4);
}
.video-player-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: none;
}
.video-list {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
gap: 1rem;
margin-top: 1.5rem;
}
.video-item {
background: #16213e;
border-radius: 10px;
padding: 1rem;
cursor: pointer;
transition: all 0.2s ease;
border: 2px solid transparent;
}
.video-item:hover, .video-item.active {
border-color: var(--info);
background: #0f3460;
}
.video-item h4 {
font-size: 0.95rem;
margin-bottom: 0.3rem;
color: #fff;
}
.video-item span {
font-size: 0.8rem;
color: #90caf9;
}
/* Process steps */
.steps {
display: flex;
flex-direction: column;
gap: 1rem;
margin: 1.5rem 0;
}
.step {
display: flex;
gap: 1rem;
align-items: flex-start;
background: #f8f9ff;
padding: 1rem 1.2rem;
border-radius: 12px;
border-left: 5px solid var(--primary);
}
.step-number {
background: var(--primary);
color: white;
width: 36px;
height: 36px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-weight: 700;
flex-shrink: 0;
}
/* Fun facts */
.fun-fact {
background: linear-gradient(135deg, #fff8e1, #ffecb3);
border-left: 5px solid var(--warning);
padding: 1rem 1.3rem;
border-radius: 0 12px 12px 0;
margin: 1.5rem 0;
}
.fun-fact strong {
color: #e65100;
}
/* Quiz */
.quiz-container {
background: #f0f7ff;
border-radius: 12px;
padding: 1.5rem;
margin-top: 1.5rem;
}
.quiz-question {
font-weight: 600;
margin-bottom: 1rem;
font-size: 1.1rem;
}
.quiz-options {
display: flex;
flex-direction: column;
gap: 0.6rem;
}
.quiz-options button {
text-align: left;
padding: 0.8rem 1.1rem;
border: 2px solid #cce0ff;
background: white;
border-radius: 10px;
cursor: pointer;
font-size: 0.95rem;
transition: all 0.2s;
}
.quiz-options button:hover {
border-color: var(--primary);
background: #e8f0fe;
}
.quiz-options button.correct {
background: #d4edda;
border-color: #28a745;
}
.quiz-options button.wrong {
background: #f8d7da;
border-color: #dc3545;
}
.quiz-feedback {
margin-top: 1rem;
font-weight: 600;
min-height: 1.4rem;
}
/* Footer */
footer {
text-align: center;
padding: 2rem 1rem;
background: var(--dark);
color: #ccc;
font-size: 0.9rem;
}
footer a {
color: #90caf9;
}
/* Responsive */
@media (max-width: 600px) {
header h1 { font-size: 1.8rem; }
section { padding: 1.4rem; }
nav a { font-size: 0.85rem; padding: 0.4rem 0.8rem; }
}
🧠 Neurochemicals
A simple educational guide to the chemical messengers of the brain
📘 What are Neurochemicals?
Neurochemicals (also called neurotransmitters) are special chemical messengers
made by the brain and nervous system. They allow nerve cells (neurons) to talk to each other and to other cells
in the body such as muscles and glands.
Without these chemicals, your brain could not control movement, mood, sleep, memory, or even keep your heart beating.
Scientists know of more than 100 different neurotransmitters. In this documentation we will focus on the most important ones.
Fun Fact: The gap between two neurons where these chemicals travel is called a
synapse.
It is only about 20–40 nanometers wide — thousands of times thinner than a human hair!
Chemical synapse: Neurotransmitters are released from one neuron and bind to receptors on the next neuron
(Public domain image from U.S. National Institute on Aging)
⚡ How Neurotransmission Works
Here is a simple step-by-step explanation of how a message travels from one neuron to another:
1
Electrical signal arrives
An electrical impulse (action potential) travels down the axon of the first neuron and reaches the axon terminal.
2
Neurotransmitters are released
Tiny sacs called synaptic vesicles open and release neurochemicals into the synaptic gap.
3
Chemicals cross the gap
The neurotransmitters float across the tiny space and attach to special receptors on the next neuron (like a key fitting into a lock).
4
Message continues or stops
Depending on the type of neurotransmitter, the next neuron may become more likely to fire (excitatory) or less likely to fire (inhibitory).
5
Cleanup
Extra neurotransmitters are either taken back into the first neuron (reuptake) or broken down by enzymes so the signal does not stay on forever.
Detailed view of a typical synapse between two neurons (Wikimedia Commons, CC BY-SA)
🧪 Major Neurochemicals
Click on any card to learn more details about each neurochemical.
Modulatory
Dopamine
Often called the “motivation and reward” chemical.
Main roles: Pleasure, motivation, focus, movement, learning.
Show more ↓
Dopamine helps you feel good when you achieve a goal or enjoy something (like finishing homework or eating your favourite food).
It is also very important for smooth muscle movements. Low dopamine in certain brain areas is linked to Parkinson’s disease.
Many rewarding activities naturally increase dopamine.
Mostly Inhibitory
Serotonin
Helps regulate mood, sleep and appetite.
Main roles: Mood balance, sleep, digestion, feeling calm.
Show more ↓
About 90% of the body’s serotonin is actually made in the gut, not the brain!
It helps you feel stable and content. Healthy sleep, sunlight and exercise can support good serotonin levels.
Many common medications for mood work by keeping serotonin available longer in the synapse.
Excitatory
Acetylcholine
The first neurotransmitter ever discovered.
Main roles: Memory, learning, muscle control, attention.
Show more ↓
Acetylcholine is released at the connection between nerves and muscles so you can move.
In the brain it is crucial for forming memories and staying alert.
The poison of some snakes and certain insecticides work by blocking acetylcholine activity.
Inhibitory
GABA
The brain’s main “calm-down” chemical.
Main roles: Reducing anxiety, promoting relaxation, sleep, preventing over-excitation.
Show more ↓
GABA (gamma-aminobutyric acid) acts like a brake for the nervous system.
When GABA levels are healthy, you feel less anxious and can sleep better.
Many anti-anxiety and sleep medicines work by increasing GABA’s effects.
Exercise and certain foods can also support GABA activity.
Excitatory
Glutamate
The most common excitatory neurotransmitter in the brain.
Main roles: Learning, memory, thinking, overall brain activity.
Show more ↓
Glutamate is used in more than half of all brain synapses. It is essential for learning new things
and forming long-term memories (through a process called long-term potentiation).
Too much glutamate can be harmful to neurons, so the brain carefully controls its levels.
Excitatory
Norepinephrine
Also known as noradrenaline — the alertness chemical.
Main roles: Attention, alertness, stress response, fight-or-flight.
Show more ↓
When you need to focus or respond to a challenge, norepinephrine increases.
It raises heart rate and blood pressure and makes you more awake.
It works closely with the body’s stress hormone system. Balanced levels help with concentration and mood.
🎬 Educational Videos
Watch short, high-quality videos from Neuroscientifically Challenged (university professor).
Click any video below to play it in the player.
Synaptic Transmission
2 min • How chemicals cross the synapse
Dopamine
2 min • Motivation & reward
Serotonin
2 min • Mood & calm
GABA
2 min • The calming chemical
Acetylcholine
2 min • Memory & movement
Glutamate
2 min • Learning & memory
📝 Quick Knowledge Check
Test what you learned! Choose the correct answer.
1. Which neurochemical is most closely linked to feelings of motivation and reward?
Dopamine
GABA
Acetylcholine
Glutamate
Next Question →
✅ Key Takeaways
- Neurochemicals (neurotransmitters) are the chemical messengers that let neurons communicate.
- They can be excitatory (encourage the next neuron to fire) or inhibitory (calm it down).
- Dopamine → motivation & reward | Serotonin → mood & sleep | GABA → calm | Glutamate → learning | Acetylcholine → memory & movement.
- A healthy lifestyle (sleep, exercise, balanced diet, managing stress) helps keep these chemicals in balance.
This page is for educational purposes only. It is not medical advice.
If you have questions about brain health, please talk to a doctor or teacher.
Educational documentation created for learning purposes.
Images from Wikimedia Commons (Public Domain / CC licenses).
Videos by Neuroscientifically Challenged on YouTube.
// Card toggle
function toggleCard(card) {
card.classList.toggle('open');
const btn = card.querySelector('.toggle-btn');
if (card.classList.contains('open')) {
btn.textContent = 'Show less ↑';
} else {
btn.textContent = 'Show more ↓';
}
}
// Video player switcher
const player = document.getElementById('mainPlayer');
const videoItems = document.querySelectorAll('.video-item');
videoItems.forEach(item => {
item.addEventListener('click', () => {
// Remove active class
videoItems.forEach(v => v.classList.remove('active'));
item.classList.add('active');
// Change video
const videoId = item.getAttribute('data-id');
player.src = `https://www.youtube.com/embed/${videoId}?rel=0&autoplay=1`;
});
});
// Smooth scroll for nav
document.querySelectorAll('.nav-link').forEach(link => {
link.addEventListener('click', e => {
e.preventDefault();
const target = document.querySelector(link.getAttribute('href'));
if (target) {
target.scrollIntoView({ behavior: 'smooth', block: 'start' });
}
});
});
// Highlight active nav on scroll
const sections = document.querySelectorAll('section[id]');
window.addEventListener('scroll', () => {
let current = '';
sections.forEach(section => {
const sectionTop = section.offsetTop - 100;
if (scrollY >= sectionTop) {
current = section.getAttribute('id');
}
});
document.querySelectorAll('.nav-link').forEach(link => {
link.classList.remove('active');
if (link.getAttribute('href') === '#' + current) {
link.classList.add('active');
}
});
});
// Quiz data
const questions = [
{
q: "1. Which neurochemical is most closely linked to feelings of motivation and reward?",
options: ["Dopamine", "GABA", "Acetylcholine", "Glutamate"],
correct: 0
},
{
q: "2. Which chemical acts mainly as a brake and helps you feel calm?",
options: ["Glutamate", "Dopamine", "GABA", "Norepinephrine"],
correct: 2
},
{
q: "3. The tiny gap between two neurons where chemicals travel is called a:",
options: ["Axon", "Synapse", "Dendrite", "Nucleus"],
correct: 1
},
{
q: "4. Which neurotransmitter is important for muscle movement and memory?",
options: ["Serotonin", "GABA", "Acetylcholine", "Dopamine"],
correct: 2
},
{
q: "5. The most common excitatory neurotransmitter in the brain is:",
options: ["GABA", "Serotonin", "Glutamate", "Norepinephrine"],
correct: 2
}
];
let currentQ = 0;
let answered = false;
function loadQuestion() {
const q = questions[currentQ];
document.getElementById('qText').textContent = q.q;
const optionsDiv = document.getElementById('qOptions');
optionsDiv.innerHTML = '';
q.options.forEach((opt, i) => {
const btn = document.createElement('button');
btn.textContent = opt;
btn.onclick = function() { checkAnswer(this, i === q.correct); };
optionsDiv.appendChild(btn);
});
document.getElementById('qFeedback').textContent = '';
document.getElementById('nextBtn').style.display = 'none';
answered = false;
}
function checkAnswer(btn, isCorrect) {
if (answered) return;
answered = true;
const buttons = document.querySelectorAll('#qOptions button');
buttons.forEach(b => b.disabled = true);
if (isCorrect) {
btn.classList.add('correct');
document.getElementById('qFeedback').textContent = '✅ Correct! Great job!';
document.getElementById('qFeedback').style.color = '#198754';
} else {
btn.classList.add('wrong');
// Highlight correct one
buttons[questions[currentQ].correct].classList.add('correct');
document.getElementById('qFeedback').textContent = '❌ Not quite. Look at the highlighted correct answer.';
document.getElementById('qFeedback').style.color = '#dc3545';
}
document.getElementById('nextBtn').style.display = 'inline-block';
}
function nextQuestion() {
currentQ++;
if (currentQ < questions.length) {
loadQuestion();
} else {
document.getElementById('qText').textContent = '🎉 Quiz Complete!';
document.getElementById('qOptions').innerHTML = '
You finished all questions. Review the cards above if you want to revise!
';
document.getElementById('qFeedback').textContent = '';
document.getElementById('nextBtn').style.display = 'none';
}
}
// Load first question
loadQuestion();