{"version":3,"sourceRoot":"","sources":["../../_sass/reset.scss","../../_sass/page.scss","../../_sass/wrapper.scss","../../_sass/footer.scss","../../_sass/header.scss","../../_sass/float.scss","../../_sass/posts.scss","../../_sass/categories.scss","../../_sass/post.scss","../../_sass/mobile.scss"],"names":[],"mappings":"AAAA;AAEA;AAAA;AAAA;ACDQ;ADIR;EACE;;;AAEF;AAAA;AAAA;AAGA;EACE;;;AAEF;AAAA;AAAA;AAGA;EACE;;;AAEF;AAAA;AAAA;AAAA;AAAA;AAKA;EACE;EACA;;;AAEF;AAAA;AAAA;AAGA;EACE;EACA;;;AAEF;AAAA;AAAA;AAGA;EACE;;;AAEF;AAAA;AAAA;AAGA;EACE;;;AAEF;AAAA;AAAA;AAGA;EACE;;;AElDF;EACE;EACA;EACA;;;AAGF;AACA;EACE;;;AAGF;EACE;;;AAEF;ADhBA;AAGA;AACA;EACE;;;AAGF;AAEA;EACE;;;AAGF;AAGA;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;AAEA;EACE;EACA;;;AAGF;AAAA;AAAA;EAGE;;;AAGF;EACE;;;AAGF;AAEA;EACE;EACA;;;AAGF;AAEA;EACE;;;AAGF;AAEA;AAAA;AAAA;EAGE;;;AEvEF;EACE;EACA;EACA;;;ACLF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;ACRF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;ACXF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;ACfF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;ACXF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AClBF;EAGE;IAAc;;EAGd;IAAc;;EAGd;IAAM","sourcesContent":["/* https://www.joshwcomeau.com/css/custom-css-reset/ */\n\n/*\n  1. Use a more-intuitive box-sizing model.\n*/\n*, *::before, *::after {\n  box-sizing: border-box;\n}\n/*\n  2. Remove default margin\n*/\n* {\n  margin: 0;\n}\n/*\n  3. Allow percentage-based heights in the application\n*/\nhtml, body {\n  height: 100%;\n}\n/*\n  Typographic tweaks!\n  4. Add accessible line-height\n  5. Improve text rendering\n*/\nbody {\n  line-height: 1.5;\n  -webkit-font-smoothing: antialiased;\n}\n/*\n  6. Improve media defaults\n*/\nimg, picture, video, canvas, svg {\n  display: block;\n  max-width: 100%;\n}\n/*\n  7. Remove built-in form typography styles\n*/\ninput, button, textarea, select {\n  font: inherit;\n}\n/*\n  8. Avoid text overflows\n*/\np, h1, h2, h3, h4, h5, h6 {\n  overflow-wrap: break-word;\n}\n/*\n  9. Create a root stacking context\n*/\n#root, #__next {\n  isolation: isolate;\n}\n\n","/* Style inspiration and settings adapted from https://github.com/jgthms/web-design-in-4-minutes*/\n@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@300;400;500&display=swap');\n\n/* Base */\nhtml {\n  font-size: 18px;\n}\n\n/* 01 Font family */\n\nbody {\n  font-family: \"IBM Plex Mono\", \"Courier New\", monospace;\n}\n\n/* 03 Spacing */\n\n\n.padded {\n  padding-top: 30px;\n  padding-bottom: 30px;\n  line-height: 30px;\n}\n\n.main-content {\n  padding-top: 30px;\n  padding-bottom: 30px;\n  line-height: 30px;\n}\n\ndiv.main-content h2 {\n  padding-top: 15px;\n  padding-bottom: 5px;\n}\n\nheader h1, h5 {\n  display: inline;\n}\n\n/* 04 Color and contrast */\n\nbody {\n  color: #F8FDDD;\n  background-color: #3D2200;\n}\n\nh1,\nh2,\nstrong {\n  color: #dcdede;\n}\n\nheader h5 {\n  font-weight: lighter;\n}\n\n/* 05 Balance */\n\ncode {\n  padding: 2px 4px;\n  vertical-align: text-bottom;\n}\n\n/* 06 Primary color */\n\na {\n  color: #ff851b;\n}\n\n/* 07 Secondary colors */\n\nh1,\nh2,\nstrong {\n  font-weight: 500;\n}\n","@charset \"utf-8\";\n\n.wrapper-main, .wrapper-header, .wrapper-footer {\n  width: 100%;\n  margin: 0 auto;\n  max-width: 900px;\n}\n\n/* Sticky Footer */\n.wrapper {\n  min-height: calc(100vh - 40px);\n}\n\n.wrapper-footer {\n  height: 40px\n}\n/* End Sticky Footer */\n\n","@charset \"utf-8\";\n\n.footer-text {\n  display: block;\n  position: relative;\n  font-size: 14px;\n}\n",".header {\n  padding-top: 35px\n}\n\n.header nav {\n  padding-top: 10px;\n  padding-bottom: 20px;\n}\n\n.header nav a {\n  padding-right: 3px;\n}","@charset \"utf-8\";\n\n.float-left {\n  float: left;\n}\n\n.float-right {\n  float: right;\n}\n\n.float-center {\n  text-align: center;\n}",".post-item {\n  display: block;\n  position: relative;\n  line-height: 24px;\n  padding-bottom: 5px;\n  margin: 5px 0;\n}\n\n.post-summary {\n  padding-top: 30px;\n  padding-bottom: 30px;\n}\n\n.post-nav {\n  padding-top: 100px;\n  text-align: center;\n}",".category-summary {\n  padding-top: 30px;\n  padding-bottom: 30px;\n}\n\n.category-all-nav, .category-header {\n  display: block;\n  position: relative;\n  line-height: 24px;\n  margin: 5px 0;\n  padding-bottom: 10px;\n  padding-top: 10px;\n}",".post-info {\n  padding-bottom: 30px;\n  margin: 20px 0 5px;\n  padding-top: 20px;\n}\n\n.post-content {\n  line-height: 35px;\n  padding-bottom: 50px;\n}\n\n.post-content h1, h3, code, pre {\n  padding-bottom: 10px;\n  padding-top: 10px;\n}\n\n.post-content h2 {\n  padding-bottom: 20px;\n  padding-top: 20px;\n}","@media only screen and (max-width: 479px) {\n\n  // Hide clutter elements on mobile\n  .mobile-hide{ display: none !important; }\n\n  // Don't split footer text\n  .footer-text{ float: left !important;}\n\n  // Phone Friendly Margarine ;)\n  html {margin: 1em !important;}\n}"],"file":"styles.css"}