{
  "version": 3,
  "sources": [],
  "sections": [
    {"offset": {"line": 1, "column": 0}, "map": {"version":3,"sources":["file:///C:/Users/harum/Documents/CODE/OpenClassroom/P5/fisheye/app/page.module.css"],"sourcesContent":[".page {\n  --background: #fafafa;\n  --foreground: #fff;\n\n  --text-primary: #000;\n  --text-secondary: #666;\n\n  --button-primary-hover: #383838;\n  --button-secondary-hover: #f2f2f2;\n  --button-secondary-border: #ebebeb;\n\n  display: flex;\n  min-height: 100vh;\n  align-items: center;\n  justify-content: center;\n  font-family: var(--font-geist-sans);\n  background-color: var(--background);\n}\n\n.main {\n  display: flex;\n  min-height: 100vh;\n  width: 100%;\n  max-width: 800px;\n  flex-direction: column;\n  align-items: flex-start;\n  justify-content: space-between;\n  background-color: var(--foreground);\n  padding: 120px 60px;\n}\n\n.intro {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  text-align: left;\n  gap: 24px;\n}\n\n.intro h1 {\n  max-width: 320px;\n  font-size: 40px;\n  font-weight: 600;\n  line-height: 48px;\n  letter-spacing: -2.4px;\n  text-wrap: balance;\n  color: var(--text-primary);\n}\n\n.intro p {\n  max-width: 440px;\n  font-size: 18px;\n  line-height: 32px;\n  text-wrap: balance;\n  color: var(--text-secondary);\n}\n\n.intro a {\n  font-weight: 500;\n  color: var(--text-primary);\n}\n\n.ctas {\n  display: flex;\n  flex-direction: row;\n  width: 100%;\n  max-width: 440px;\n  gap: 16px;\n  font-size: 14px;\n}\n\n.ctas a {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: 40px;\n  padding: 0 16px;\n  border-radius: 128px;\n  border: 1px solid transparent;\n  transition: 0.2s;\n  cursor: pointer;\n  width: fit-content;\n  font-weight: 500;\n}\n\na.primary {\n  background: var(--text-primary);\n  color: var(--background);\n  gap: 8px;\n}\n\na.secondary {\n  border-color: var(--button-secondary-border);\n}\n\n/* Enable hover only on non-touch devices */\n@media (hover: hover) and (pointer: fine) {\n  a.primary:hover {\n    background: var(--button-primary-hover);\n    border-color: transparent;\n  }\n\n  a.secondary:hover {\n    background: var(--button-secondary-hover);\n    border-color: transparent;\n  }\n}\n\n@media (max-width: 600px) {\n  .main {\n    padding: 48px 24px;\n  }\n\n  .intro {\n    gap: 16px;\n  }\n\n  .intro h1 {\n    font-size: 32px;\n    line-height: 40px;\n    letter-spacing: -1.92px;\n  }\n}\n\n@media (prefers-color-scheme: dark) {\n  .logo {\n    filter: invert();\n  }\n\n  .page {\n    --background: #000;\n    --foreground: #000;\n\n    --text-primary: #ededed;\n    --text-secondary: #999;\n\n    --button-primary-hover: #ccc;\n    --button-secondary-hover: #1a1a1a;\n    --button-secondary-border: #1a1a1a;\n  }\n}\n"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;AAmBA;;;;;;;;;;;;AAYA;;;;;;;;AAQA;;;;;;;;;;AAUA;;;;;;;;AAQA;;;;;AAKA;;;;;;;;;AASA;;;;;;;;;;;;;;AAcA;;;;;;AAMA;;;;AAKA;EACE;;;;;EAKA;;;;;;AAMF;EACE;;;;EAIA;;;;EAIA;;;;;;;AAOF;EACE;;;;EAIA","debugId":null}}]
}