STEAM-Labz CSS Stylesheet

This is a comprehensive CSS stylesheet for the STEAM-Labz website, providing consistent styling and interactive components across all pages.

Color Palette

Primary Orange

#ff6b35

Primary Blue

#1a5b8e

Primary Teal

#007d8c

Secondary Purple

#6a1b9a

Secondary Green

#2e7d32

Dark

#121212

Typography

Heading 1 - Montserrat Bold (2.5rem)

Heading 2 - Montserrat Bold (2rem)

Heading 3 - Montserrat Bold (1.75rem)

Heading 4 - Montserrat Bold (1.5rem)

Heading 5 - Montserrat Bold (1.25rem)
Heading 6 - Montserrat Bold (1rem)

Subtitle - Open Sans (1.25rem)

Body Text - Open Sans (1rem) - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam in dui mauris. Vivamus hendrerit arcu sed erat molestie vehicula. Sed auctor neque eu tellus rhoncus ut eleifend nibh porttitor.

Small Text - Open Sans (0.875rem)

Code Text - Monospace (1rem)

Buttons

Button Styles

Outline Buttons

Button Sizes

Icon Buttons

Button Group

Cards

Technology Intermediate

Arduino Weather Station

Build a DIY weather station using Arduino to monitor temperature, humidity, and atmospheric pressure.

John Doe
Apr 12, 2025
1.2K
24
86
Programming Beginner

Introduction to Python

Learn the basics of Python programming language and start building simple applications.

6 hours
8 lessons
45% Complete
12:34

Building Your First Robot

Learn how to build a simple robot using basic electronics and programming concepts.

3.4K views
Mar 28, 2025

Forms

Basic Inputs

We'll never share your email with anyone else.

Validation States

Looks good!
Please provide a valid input.

Checkboxes & Radios

Search Form

Navigation Components

Header Navigation