{"version":3,"file":"static/css/main.ae60ab08.css","mappings":"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","sources":["index.css"],"sourcesContent":["*,\n::after,\n::before {\n  box-sizing: border-box;\n}\n/* fonts */\n/* @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;600&family=Montserrat&display=swap'); */\n\nhtml {\n  font-size: 100%;\n} /*16px*/\n\n:root {\n  /* colors */\n  --primary-100: #e2e0ff;\n  --primary-200: #c1beff;\n  --primary-300: #a29dff;\n  --primary-400: #837dff;\n  --primary-500: #645cff;\n  --primary-600: #504acc;\n  --primary-700: #3c3799;\n  --primary-800: #282566;\n  --primary-900: #141233;\n\n  /* grey */\n  --grey-50: #f8fafc;\n  --grey-100: #f1f5f9;\n  --grey-200: #e2e8f0;\n  --grey-300: #cbd5e1;\n  --grey-400: #94a3b8;\n  --grey-500: #64748b;\n  --grey-600: #475569;\n  --grey-700: #334155;\n  --grey-800: #1e293b;\n  --grey-900: #0f172a;\n  /* rest of the colors */\n  --black: #222;\n  --white: #fff;\n  --red-light: #f8d7da;\n  --red-dark: #842029;\n  --green-light: #d1e7dd;\n  --green-dark: #0f5132;\n\n  /* fonts  */\n  /* --headingFont: 'Roboto', sans-serif;\n  --bodyFont: 'Nunito', sans-serif; */\n  --small-text: 0.875rem;\n  --extra-small-text: 0.7em;\n  /* rest of the vars */\n  --backgroundColor: var(--grey-50);\n  --textColor: var(--grey-900);\n  --borderRadius: 0.25rem;\n  --letterSpacing: 1px;\n  --transition: 0.3s ease-in-out all;\n  --max-width: 1120px;\n  --fixed-width: 600px;\n\n  /* box shadow*/\n  --shadow-1: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);\n  --shadow-2: 0 4px 6px -1px rgba(0, 0, 0, 0.1),\n    0 2px 4px -1px rgba(0, 0, 0, 0.06);\n  --shadow-3: 0 10px 15px -3px rgba(0, 0, 0, 0.1),\n    0 4px 6px -2px rgba(0, 0, 0, 0.05);\n  --shadow-4: 0 20px 25px -5px rgba(0, 0, 0, 0.1),\n    0 10px 10px -5px rgba(0, 0, 0, 0.04);\n}\n\nbody {\n  background: var(--backgroundColor);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen,\n    Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;\n  font-weight: 400;\n  line-height: 1.75;\n  color: var(--textColor);\n}\n\np {\n  margin: 0;\n  max-width: 40em;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5 {\n  margin: 0;\n  font-family: var(--headingFont);\n  font-weight: 400;\n  line-height: 1.3;\n  text-transform: capitalize;\n  letter-spacing: var(--letterSpacing);\n}\n\nh1 {\n  margin: 0;\n  font-size: 3.052rem;\n}\n\nh2 {\n  font-size: 2.441rem;\n}\n\nh3 {\n  font-size: 1.953rem;\n}\n\nh4 {\n  font-size: 1.563rem;\n}\n\nh5 {\n  font-size: 1.25rem;\n}\n\nsmall,\n.text-small {\n  font-size: var(--small-text);\n}\n\na {\n  text-decoration: none;\n}\nul {\n  list-style-type: none;\n  padding: 0;\n}\n\n.img {\n  width: 100%;\n  display: block;\n  object-fit: cover;\n}\n/* buttons */\n\n.btn {\n  cursor: pointer;\n  color: var(--white);\n  background: var(--primary-500);\n  border: transparent;\n  border-radius: var(--borderRadius);\n  letter-spacing: var(--letterSpacing);\n  padding: 0.375rem 0.75rem;\n  box-shadow: var(--shadow-1);\n  transition: var(--transition);\n  text-transform: capitalize;\n  display: inline-block;\n}\n.btn:hover {\n  background: var(--primary-700);\n  box-shadow: var(--shadow-3);\n}\n.btn-hipster {\n  color: var(--primary-500);\n  background: var(--primary-200);\n}\n.btn-hipster:hover {\n  color: var(--primary-200);\n  background: var(--primary-700);\n}\n.btn-block {\n  width: 100%;\n}\n\n/* alerts */\n.alert {\n  padding: 0.375rem 0.75rem;\n  margin-bottom: 1rem;\n  border-color: transparent;\n  border-radius: var(--borderRadius);\n}\n\n.alert-danger {\n  color: var(--red-dark);\n  background: var(--red-light);\n}\n.alert-success {\n  color: var(--green-dark);\n  background: var(--green-light);\n}\n/* form */\n\n.form {\n  width: 90vw;\n  max-width: var(--fixed-width);\n  background: var(--white);\n  border-radius: var(--borderRadius);\n  box-shadow: var(--shadow-2);\n  padding: 2rem 2.5rem;\n  margin: 3rem auto;\n}\n.form-label {\n  display: block;\n  font-size: var(--small-text);\n  margin-bottom: 0.5rem;\n  text-transform: capitalize;\n  letter-spacing: var(--letterSpacing);\n}\n.form-input,\n.form-textarea {\n  width: 100%;\n  padding: 0.375rem 0.75rem;\n  border-radius: var(--borderRadius);\n  background: var(--backgroundColor);\n  border: 1px solid var(--grey-200);\n}\n\n.form-row {\n  margin-bottom: 1rem;\n}\n\n.form-textarea {\n  height: 7rem;\n}\n::placeholder {\n  font-family: inherit;\n  color: var(--grey-400);\n}\n.form-alert {\n  color: var(--red-dark);\n  letter-spacing: var(--letterSpacing);\n  text-transform: capitalize;\n}\n/* alert */\n\n@keyframes spinner {\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n.loading {\n  width: 6rem;\n  height: 6rem;\n  border: 5px solid var(--grey-400);\n  border-radius: 50%;\n  border-top-color: var(--primary-500);\n  animation: spinner 0.6s linear infinite;\n}\n.loading {\n  margin: 0 auto;\n}\n/* title */\n\n.title {\n  text-align: center;\n  margin: 2rem 0;\n}\n\n.title-underline {\n  background: var(--primary-500);\n  width: 10rem;\n  height: 0.25rem;\n  margin: 0 auto;\n}\n.title span {\n  color: var(--primary-500);\n}\n/*\n=============== \nAxios Tutorial\n===============\n*/\n\n.text-center {\n  text-align: center;\n}\n\n.btn-block {\n  margin-top: 0.75rem;\n}\n\n.section {\n  width: 90vw;\n  max-width: var(--fixed-width);\n  margin: 0 auto;\n  padding-bottom: 2rem;\n}\n\n.dad-joke {\n  margin-top: 1rem;\n}\n\n.centered {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: 50vh; /* Set the height of the container to the full viewport height */\n}\n\n.modal-title {\n  text-align: center;\n  margin-bottom: 0px; /* Adjust spacing as needed */\n  font-weight: 800;\n}\n\n.error-message {\n  color: red;\n  font-weight: bold;\n  text-align: center;\n  display: flex;\n  justify-content: center;\n}\n\n.success-message {\n  color: blue;\n  font-weight: bold;\n  text-align: center;\n  display: flex;\n  justify-content: center;\n}\n\n.checkmark-container {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  /* margin-bottom: 20px; */\n}\n\n.close-button {\n  position: absolute;\n  bottom: 10px;\n  right: 10px;\n  padding: 10px 20px;\n  background-color: #007bff; /* Example color - Change as needed */\n  color: white;\n  border: none;\n  border-radius: 5px;\n  cursor: pointer;\n  font-size: 16px;\n  transition: background-color 0.3s ease;\n}\n\n.close-button:hover {\n  background-color: #0056b3; /* Example color - Change as needed */\n}\n\n/* Style for the modal */\n.custom-modal {\n  border: 10px solid #000; /* Black border with 10px thickness */\n  pointer-events: auto;\n  /* Other modal styles here */\n}\n \n"],"names":[],"sourceRoot":""}