/* Dream Steps — pages/development-python-django.css
 * Page-specific rules for development/python-django.html.
 */

.wd-art-sf-storefront {
  background: linear-gradient(135deg, #F7F4EE 0%, #EFEADD 100%)
}
.wd-art-sf-storefront svg {
  width: 50px; height: 50px; color: var(--ink); opacity: .82
}
.wd-art-sf-storefront svg:nth-child(1) {
  color: var(--ink)
}
.wd-art-sf-storefront svg:nth-child(2) {
  color: var(--orange); opacity: .9
}
.wd-art-sf-storefront svg:nth-child(3) {
  color: var(--ink); opacity: .7
}
.wd-art-sf-plus {
  background: linear-gradient(160deg, #15151B 0%, #0B0B0E 100%)
}
.wd-art-sf-plus svg {
  width: 50px; height: 50px; color: rgba(255,255,255,.85)
}
.wd-art-sf-plus svg:nth-child(1) {
  color: var(--orange)
}
.wd-art-sf-headless {
  background: linear-gradient(135deg, #F7F4EE 0%, #E8E3D8 100%)
}
.wd-art-sf-headless svg {
  width: 52px; height: 52px; color: var(--ink); opacity: .85
}
.wd-art-sf-headless svg:nth-child(2) {
  color: var(--orange); opacity: .95
}
.wd-art-sf-apps {
  background: linear-gradient(135deg, #EFEADD 0%, #E0D8C5 100%)
}
.wd-art-sf-apps svg {
  width: 48px; height: 48px; color: var(--ink); opacity: .85
}
.wd-art-sf-apps svg:nth-child(2) {
  color: var(--orange)
}
.wd-art-sf-subs {
  background: linear-gradient(160deg, #0B0B0E 0%, #15151B 100%)
}
.wd-art-sf-subs svg {
  width: 50px; height: 50px; color: rgba(255,255,255,.85)
}
.wd-art-sf-subs svg:nth-child(3) {
  color: var(--orange)
}
.wd-art-sf-multi {
  background: linear-gradient(135deg, #F7F4EE 0%, #EFEADD 100%)
}
.wd-art-sf-multi svg {
  width: 52px; height: 52px; color: var(--ink); opacity: .85
}
.wd-art-sf-multi svg:nth-child(1) {
  color: var(--orange)
}
.wd-art-rn-nextjs {
  background: linear-gradient(160deg, #15151B 0%, #0B0B0E 100%)
}
.wd-art-rn-nextjs svg {
  width: 50px; height: 50px; color: rgba(255,255,255,.85)
}
.wd-art-rn-nextjs svg:nth-child(2) {
  color: var(--orange)
}
.wd-art-rn-react {
  background: linear-gradient(135deg, #F7F4EE 0%, #EFEADD 100%)
}
.wd-art-rn-react svg {
  width: 50px; height: 50px; color: var(--ink); opacity: .85
}
.wd-art-rn-react svg:nth-child(1) {
  color: #61DAFB; opacity: 1
}
.wd-art-rn-saas {
  background: linear-gradient(160deg, #0B0B0E 0%, #15151B 100%)
}
.wd-art-rn-saas svg {
  width: 48px; height: 48px; color: rgba(255,255,255,.85)
}
.wd-art-rn-saas svg:nth-child(2) {
  color: var(--orange)
}
.wd-art-rn-saas svg:nth-child(3) {
  color: #1F8A4A
}
.wd-art-rn-commerce {
  background: linear-gradient(135deg, #EFEADD 0%, #E0D8C5 100%)
}
.wd-art-rn-commerce svg {
  width: 50px; height: 50px; color: var(--ink); opacity: .85
}
.wd-art-rn-commerce svg:nth-child(2) {
  color: var(--orange); opacity: .95
}
.wd-art-rn-marketing {
  background: linear-gradient(135deg, #F7F4EE 0%, #EFEADD 100%)
}
.wd-art-rn-marketing svg {
  width: 50px; height: 50px; color: var(--ink); opacity: .85
}
.wd-art-rn-marketing svg:nth-child(2) {
  color: var(--orange); opacity: .9
}
.wd-art-rn-migrate {
  background: linear-gradient(160deg, #15151B 0%, #0B0B0E 100%)
}
.wd-art-rn-migrate svg {
  width: 48px; height: 48px; color: rgba(255,255,255,.85)
}
.wd-art-rn-migrate svg:nth-child(3) {
  color: #1F8A4A
}
.wd-art-lv-app {
  background: linear-gradient(160deg, #15151B 0%, #0B0B0E 100%)
}
.wd-art-lv-app svg {
  width: 50px; height: 50px; color: rgba(255,255,255,.85)
}
.wd-art-lv-app svg:nth-child(2) {
  color: var(--orange)
}
.wd-art-lv-api {
  background: linear-gradient(135deg, #F7F4EE 0%, #EFEADD 100%)
}
.wd-art-lv-api svg {
  width: 50px; height: 50px; color: var(--ink); opacity: .85
}
.wd-art-lv-api svg:nth-child(3) {
  color: var(--orange)
}
.wd-art-lv-saas {
  background: linear-gradient(135deg, #EFEADD 0%, #E0D8C5 100%)
}
.wd-art-lv-saas svg {
  width: 50px; height: 50px; color: var(--ink); opacity: .85
}
.wd-art-lv-saas svg:nth-child(2) {
  color: var(--orange); opacity: .9
}
.wd-art-lv-inertia {
  background: linear-gradient(160deg, #0B0B0E 0%, #15151B 100%)
}
.wd-art-lv-inertia svg {
  width: 50px; height: 50px; color: rgba(255,255,255,.85)
}
.wd-art-lv-inertia svg:nth-child(3) {
  color: #61DAFB; opacity: 1
}
.wd-art-lv-admin {
  background: linear-gradient(135deg, #F7F4EE 0%, #E8E3D8 100%)
}
.wd-art-lv-admin svg {
  width: 50px; height: 50px; color: var(--ink); opacity: .85
}
.wd-art-lv-admin svg:nth-child(1) {
  color: var(--orange); opacity: .85
}
.wd-art-lv-perf {
  background: linear-gradient(160deg, #15151B 0%, #0B0B0E 100%)
}
.wd-art-lv-perf svg {
  width: 50px; height: 50px; color: rgba(255,255,255,.85)
}
.wd-art-lv-perf svg:nth-child(1) {
  color: #1F8A4A
}
.wd-art-py-django {
  background: linear-gradient(160deg, #15151B 0%, #0B0B0E 100%)
}
.wd-art-py-django svg {
  width: 50px; height: 50px; color: rgba(255,255,255,.85)
}
.wd-art-py-django svg:nth-child(2) {
  color: var(--orange)
}
.wd-art-py-fastapi {
  background: linear-gradient(135deg, #F7F4EE 0%, #EFEADD 100%)
}
.wd-art-py-fastapi svg {
  width: 50px; height: 50px; color: var(--ink); opacity: .85
}
.wd-art-py-fastapi svg:nth-child(2) {
  color: var(--orange)
}
.wd-art-py-drf {
  background: linear-gradient(135deg, #EFEADD 0%, #E0D8C5 100%)
}
.wd-art-py-drf svg {
  width: 50px; height: 50px; color: var(--ink); opacity: .85
}
.wd-art-py-drf svg:nth-child(3) {
  color: var(--orange); opacity: .9
}
.wd-art-py-ai {
  background: linear-gradient(160deg, #0B0B0E 0%, #15151B 100%)
}
.wd-art-py-ai svg {
  width: 50px; height: 50px; color: rgba(255,255,255,.85)
}
.wd-art-py-ai svg:nth-child(2) {
  color: var(--orange)
}
.wd-art-py-automation {
  background: linear-gradient(135deg, #F7F4EE 0%, #E8E3D8 100%)
}
.wd-art-py-automation svg {
  width: 50px; height: 50px; color: var(--ink); opacity: .85
}
.wd-art-py-automation svg:nth-child(1) {
  color: var(--orange); opacity: .85
}
.wd-art-py-perf {
  background: linear-gradient(160deg, #15151B 0%, #0B0B0E 100%)
}
.wd-art-py-perf svg {
  width: 50px; height: 50px; color: rgba(255,255,255,.85)
}
.wd-art-py-perf svg:nth-child(1) {
  color: #1F8A4A
}