A Practical Guide to Your Strengths
/* General Body Styles */
body {
margin: 0;
padding: 0;
font-family: "Source serif 4";
background-color: #f0f4f8; /* Static light blue-gray background */
display: flex;
flex-direction: column;
align-items: center;
padding: 2rem 1rem;
box-sizing: border-box;
}
/* Container for centering and max-width */
.infographic-container {
max-width: 900px;
width: 100%;
background-color: white;
border-radius: 1.5rem;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
overflow: hidden;
border: 1px solid #e2e8f0;
}
/* Header Section */
.header {
background-color: #4a5568; /* Dark slate gray */
color: white;
padding: 2rem;
text-align: center;
}
.header h1 {
font-size: 2.25rem;
font-weight: 700;
margin: 0;
}
.header p {
font-size: 1.125rem;
opacity: 0.9;
margin-top: 0.5rem;
margin-bottom: 0;
}
/* Grid Layout - using flexbox for modern compatibility */
.content-grid {
display: flex;
flex-wrap: wrap; /* Allows columns to stack on small screens */
}
/* Columns */
.column {
padding: 2rem;
box-sizing: border-box;
width: 100%; /* Default for mobile */
}
.column h2 {
font-size: 1.75rem;
font-weight: 600;
margin-top: 0;
margin-bottom: 1.5rem;
color: #2d3748; /* Darker text color */
}
/* Strategy Item Layout */
.strategy {
margin-bottom: 1rem;
padding: 1.25rem;
border-radius: 0.75rem;
}
.strategy-text h3 {
font-size: 1.125rem;
font-weight: 600;
color: #2d3748;
margin-top: 0;
margin-bottom: 0.25rem;
}
.strategy-text p {
font-size: 0.95rem;
color: #4a5568;
line-height: 1.6;
margin: 0;
}
/* Colors for Strategy Boxes */
.color-blue { background-color: #e0f2fe; }
.color-indigo { background-color: #e0e7ff; }
.color-purple { background-color: #ede9fe; }
.color-teal { background-color: #d1fae5; }
.color-green { background-color: #dcfce7; }
.color-lime { background-color: #ecfccb; }
/* Responsive Media Query for 2-column layout */
@media (min-width: 768px) {
.column {
width: 50%;
}
.column-left {
border-right: 1px solid #e2e8f0;
}
}
🧠 Manage Your Sensory Needs
🏠 Fix Your Space
Use calming scents (like coffee or essential oils) or adjust lighting to make your environment feel safe and comfortable.
🎧 Plan a "Sensory Diet"
Build a routine of activities to keep your nervous system calm: use a weighted blanket, exercise, or listen to curated playlists with noise-canceling headphones.
🛁 Ease Transitions
Make hard sensory shifts (like getting out of the shower) easier with soft towels, comfy clothes, and a specific calming routine afterward.
❤️🩹 Protect Your Emotional Energy
🙅 Set Firm Boundaries
Practice saying "I need a break" or "I don't have energy for this." Plan your exit from social events ahead of time. Leaving early is okay.
🔋 Schedule Recharge Time
After being social, plan for intentional alone time with your interests. Honor your natural sleep patterns whenever possible.
🥄 Use the "Spoon Theory"
Think of your energy as "spoons." Each task costs a spoon. This helps you manage your energy without self-judgment. When you're out, you're out.