{"version":3,"sourceRoot":"","sources":["main.scss","../_sass/_base.scss","../_sass/_layout.scss","../_sass/_syntax-highlighting.scss"],"names":[],"mappings":"AACQ;ACCR;AAAA;AAAA;AAGA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAgBE;EACA;;;AAGF;AAAA;EAEE;;;AAGF;AAAA;AAAA;AAGA;EACE;EAEA,ODtBiB;ECuBjB;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;AAAA;AAAA;AAGA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAcE;;;AAGF;AAAA;AAAA;AAGA;EACE;EACA;;;AAGF;AAAA;AAAA;AAGA;EACE;;;AAGF;EACE,WD3EiB;;;AC8EnB;AAAA;AAAA;AAGA;AAAA;EAEE,aD9Ea;;;ACkFb;AAAA;EAEE;;;AAIJ;AAAA;AAAA;AAGA;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE,kBDpGmB;ECqGnB;EACA;EACA;EACA;;;AAGF;EACE,ODvHiB;;;AC0HnB;AAAA;AAAA;AAGA;EACE;EACA;;AAEA;EACE;EACA;;;AAIJ;AAAA;AAAA;AAIA;EACE;;;AAGF;EACE,OD9IiB;EC+IjB;EACA;EACA;;AAEA;EACE;;AAEF;EACE;EACA;;;AAGJ;AACA;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA,kBDvKiB;ECwKjB;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;AAAA;AAAA;AAGA;EACE,OD/KiB;ECgLjB;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAIJ;AAAA;AAAA;AAGA;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;;AAEA;EACE;EACA;EACA;;;AAIJ;EACE;EACA;EAEA;EACA;EACA;;AAEA;EACE;EACA;;AAIA;AACE;EACA,ODhPa;;ACkPf;AACE;EACA,ODpPa;;ACuPf;AACE;EACA,ODzPa;;AC4Pf;EACE,OD7Pa;;;ACkQnB;EACE;IACE;;;AAIJ;AAAA;AAAA;AAWA;AAAA;AAAA;AAIE;EACE;EACA;EACA;EACA;AAEA;AAAA;AAAA;AAAA;AAAA;;;AAQJ;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;;;AAEF;EACE;;;AAGF;EACE;EACA;EACA;;;AAIA;EACE;;AAGF;EACE;;AAGF;EACE;EACA;;;AAIJ;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;;;AAEF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQE;AAAA;AAAA;EAGE;;AAOF;EACE;;;AAIJ;EACE,ODzYiB;;;AC4YnB;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;AAEA;EACE;EACA;EAEA,OD5Ze;EC6Zf;;AAGF;EACE;;;AAKF;EACE;EACA;EACA;;AAEF;EACE;;;AAIJ;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,OD7de;EC8df,kBD7de;EC8df;EACA;EACA;;;AAIJ;AACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA,OD1fe;EC2ff;EACA;EACA;EACA;EACA;;;AAIJ;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE,ODzjBiB;EC0jBjB;;;AAGF;EACE,ODtjBiB;ECujBjB;;;AAGF;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAQE;;;AAGF;EAC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","sourcesContent":["@charset \"utf-8\";\n@import url(\"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap\");\n\n// Our variables\n$base-font-family: 'Inter', sans-serif;\n$base-font-size:  1em;\n$base-font-weight: 400;\n$small-font-size:  $base-font-size * 0.875;\n$base-line-height: 1.5;\n$base-border-radius: 0.5em;\n\n$padding: 1.5em;\n$spacing-unit: 2em;\n\n$text-color:       #393E46;\n$background-color: #FEFEFE;\n$brand-color:      #FF8632;\n$brand-color-lighter: #FFB26D;\n$brand-color-lighter-er: #FFEBD3;\n$brand-color-darker: #FF640A;\n\n$box-shadow: 0 0 0 0.125em rgba(255,134,50,.25); \n\n$grey-color:       #5C6D7E;\n$grey-color-light: #A4B1BC;\n$grey-color-lighter: #E3E8EA;\n$grey-color-dark:  darken($grey-color, 25%);\n$input-icon-active-color: $brand-color;\n\n// Width of the content area\n$content-width:    800px;\n\n$on-palm:          415px;\n$on-laptop:        1024px;\n\n@import\n\"base\",\n\"layout\",\n\"syntax-highlighting\"\n;","$content-width: 1200px;\n\n/**\n * Reset some basic elements\n */\nbody,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\nhr,\ndl,\ndd,\nol,\nul,\nfigure {\n  margin: 0 !important;\n  padding: 0;\n}\n\nhtml,\nbody {\n  overflow-x: hidden;\n}\n\n/**\n * Basic styling\n */\nbody {\n  font: $base-font-weight #{$base-font-size}/#{$base-line-height}\n    $base-font-family;\n  color: $text-color;\n  -webkit-text-size-adjust: 100%;\n  -webkit-font-feature-settings: \"kern\" 1;\n  -moz-font-feature-settings: \"kern\" 1;\n  -o-font-feature-settings: \"kern\" 1;\n  font-feature-settings: \"kern\" 1;\n  font-kerning: normal;\n  background-image: linear-gradient(-5deg, #f8f4f1 60%, #fefeff 98%);\n}\n\n/**\n * Set `margin-bottom` to maintain vertical rhythm\n */\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\nul,\nol,\ndl,\nfigure,\n%vertical-rhythm {\n  margin-bottom: $spacing-unit / 2;\n}\n\n/**\n * Images\n */\nimg {\n  max-width: 100%;\n  vertical-align: middle;\n}\n\n/**\n * Figures\n */\nfigure > img {\n  display: block;\n}\n\nfigcaption {\n  font-size: $small-font-size;\n}\n\n/**\n * Lists\n */\nul,\nol {\n  margin-left: $spacing-unit;\n}\n\nli {\n  > ul,\n  > ol {\n    margin-bottom: 0;\n  }\n}\n\n/**\n * Headings\n */\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  font-weight: $base-font-weight !important;\n}\n\nh1 {\n  font-size: 24px;\n}\n\nh2 {\n  font-size: 20px;\n}\n\nh3 {\n  font-size: 18px;\n}\n\nhr {\n  background-color: $grey-color-lighter;\n  border: none;\n  display: block;\n  height: 1px;\n  margin-bottom: 2.5em !important;\n}\n\np {\n  color: $text-color;\n}\n\n/**\n * Links\n */\na {\n  color: $brand-color !important;\n  text-decoration: none;\n\n  &:hover {\n    color: $brand-color-lighter !important;\n    text-decoration: none;\n  }\n}\n\n/**\n * ! Navbar\n **/\n\n.has-border-bottom {\n  border-bottom: 1px solid $grey-color-lighter;\n}\n\n.button.is-ghost {\n  color: $brand-color;\n  padding: 0px;\n  height: 2em;\n  transition-duration: 0.4s;\n\n  a:hover {\n    color: $brand-color !important;\n  }\n  &:hover {\n    color: $brand-color !important;\n    text-decoration: none;\n  }\n}\n/* Button underline animation */\n.underline-animation {\n  position: relative;\n}\n\n.underline-animation::after {\n  content: \"\";\n  position: absolute;\n  width: 100%;\n  height: 2px;\n  bottom: 0;\n  left: 0;\n  background-color: $brand-color;\n  visibility: hidden;\n  transform: scaleX(0);\n  transition: all 0.3s ease-in-out 0s;\n}\n\n.underline-animation:hover::after {\n  visibility: visible;\n  transform: scaleX(1);\n}\n\n/**\n * Blockquotes\n */\nblockquote {\n  color: $grey-color;\n  border-left: 4px solid $grey-color-light;\n  padding-left: $spacing-unit / 2;\n  font-size: 18px;\n  letter-spacing: -1px;\n  font-style: italic;\n\n  > :last-child {\n    margin-bottom: 0;\n  }\n}\n\n/**\n * Code formatting\n */\npre code {\n  font-size: 15px;\n  color: $brand-color-darker !important;\n  border: none;\n  background-color: $brand-color-lighter-er !important;\n  border-radius: 8px;\n}\n\ncode {\n  color: $brand-color-darker !important;\n  background-color: $brand-color-lighter-er !important;\n  padding: 2px 4px;\n  border-radius: 4px;\n}\n\npre {\n  height: auto;\n  max-height: 200px;\n  max-width: 800px;\n  overflow: scroll;\n  overflow-x: auto;\n  overflow-y: auto;\n\n  padding: 8px 12px;\n  word-break: normal !important;\n  word-wrap: normal !important;\n\n  > code {\n    border: 0;\n    padding-right: 0;\n    padding-left: 0;\n  }\n}\n\n.wrapper {\n  display: flex;\n  gap: 24px;\n\n  flex-flow: row;\n  max-width: 1080px;\n  margin: auto;\n\n  .sidebar {\n    font-size: 0.8rem;\n    gap: 16px;\n\n    .searchbar {\n    }\n    ::-webkit-input-placeholder {\n      /* Chrome/Opera/Safari */\n      color: $grey-color;\n    }\n    ::-moz-input-placeholder {\n      /* Mozilla */\n      color: $grey-color;\n    }\n\n    :-ms-input-placeholder {\n      /* Internet Explorer */\n      color: $grey-color;\n    }\n\n    ::placeholder {\n      color: $grey-color;\n    }\n  }\n}\n\n@media only screen and (max-width: 400px) {\n  .wrapper {\n    flex-flow: column;\n  }\n}\n\n/**\n * Clearfix\n */\n%clearfix {\n  &:after {\n    content: \"\";\n    display: table;\n    clear: both;\n  }\n}\n\n/**\n * Icons\n */\n.icon {\n  > svg {\n    display: inline-block;\n    width: 16px;\n    height: 16px;\n    vertical-align: middle;\n\n    /*\n    path {\n      fill: $grey-color;\n    }\n    */\n  }\n}\n\n.has-border-radius {\n  border-radius: 24px;\n}\n\n.has-shadow {\n  box-shadow: 0 4px 40px 0 rgba(6, 7, 37, 0.05) !important;\n}\n\n.hero.has-background {\n  position: relative;\n  overflow: hidden;\n}\n.hero-background {\n  position: absolute;\n  object-fit: cover;\n  object-position: center center;\n  width: 100%;\n  height: 100%;\n}\n.hero-background.is-transparent {\n  opacity: 0.3;\n}\n\n.cover-image {\n  width: 100% !important;\n  height: 100%;\n  object-fit: cover;\n}\n\n.content {\n  p {\n    margin-bottom: 0 !important;\n  }\n\n  a {\n    font-weight: 500;\n  }\n\n  ul {\n    margin-left: 1em !important;\n    margin-top: 1em !important;\n  }\n}\n\n.has-border {\n  border: 1px solid $brand-color-lighter;\n  border-radius: 100%;\n  padding: 4px;\n}\n\n.mb-0 {\n  margin-bottom: 0 !important;\n}\n\n.read-more {\n  color: $brand-color !important;\n  font-size: 14px;\n  padding: 8px 0;\n\n  .material-icons {\n    font-size: 1.25em;\n  }\n}\n\n.read-more:hover {\n  color: $brand-color-lighter !important;\n}\n/*\n.post-container {\n  article {\n    padding-top: 40px;\n  }\n}\n*/\n.post-content {\n  h1,\n  h2,\n  h3 {\n    margin-bottom: 16px !important;\n  }\n\n  .material-icons {\n    // font-size: 1.25em;\n  }\n\n  img {\n    margin: 20px 0 !important;\n  }\n}\n\n.post-content > * {\n  color: $text-color;\n}\n\n.max-text-lines {\n  display: -webkit-box;\n  overflow: hidden;\n  -webkit-line-clamp: 3;\n  -webkit-box-orient: vertical;\n}\n\n.max-text-lines-10 {\n  display: -webkit-box;\n  overflow: hidden;\n  -webkit-line-clamp: 10;\n  -webkit-box-orient: vertical;\n}\n\n.fa-link {\n  margin: 0 0 0 8px;\n}\n\n.post-tags {\n  margin: 0;\n\n  .tag {\n    background: rgba(239, 239, 239, 0.6);\n    border: 1px solid #efefef;\n\n    color: $grey-color;\n    margin: 0 0.25em 0.25em 0;\n  }\n\n  .tag:last-child {\n    margin-bottom: 0;\n  }\n}\n\n.tag-cloud {\n  a {\n    margin-right: 1em;\n    font-size: 12px;\n    color: $grey-color-light !important;\n  }\n  a:hover {\n    color: $brand-color !important;\n  }\n}\n\n#tag-cloud h2 {\n  font-weight: 400;\n}\n\n.btn_wrap {\n  float: right;\n  position: relative;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-pack: center;\n  -ms-flex-pack: center;\n  justify-content: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  overflow: hidden;\n  cursor: pointer;\n  width: 100px;\n  height: 40px;\n  background-color: #eeeeed;\n  border-radius: 80px;\n  padding: 0 16px;\n  will-change: transform;\n  -webkit-transition: all 0.2s ease-in-out;\n  transition: all 0.2s ease-in-out;\n\n  span {\n    position: absolute;\n    z-index: 99;\n    width: 120px;\n    height: 40px;\n    border-radius: 80px;\n    font-size: 16px;\n    text-align: center;\n    line-height: 2.5;\n    letter-spacing: 2px;\n    color: $background-color;\n    background-color: $brand-color;\n    padding: 0 16px;\n    -webkit-transition: all 1.2s ease;\n    transition: all 1.2s ease;\n  }\n}\n\n.btn_wrap:hover {\n  /* transition-delay: .4s; */\n  -webkit-transform: scale(1.1);\n  transform: scale(1.1);\n}\n\n.button-container {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-pack: distribute;\n  justify-content: space-around;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  width: 120px;\n  height: 40px;\n  border-radius: 80px;\n\n  i {\n    opacity: 0;\n    font-size: 16px;\n    color: $brand-color;\n    will-change: transform;\n    -webkit-transform: scale(0.1);\n    transform: scale(0.1);\n    -webkit-transition: all 0.3s ease;\n    transition: all 0.3s ease;\n  }\n}\n\n.button-container i:nth-of-type(1) {\n  -webkit-transition-delay: 1.1s;\n  transition-delay: 1.1s;\n}\n\n.button-container i:nth-of-type(2) {\n  -webkit-transition-delay: 0.9s;\n  transition-delay: 0.9s;\n}\n\n.button-container i:nth-of-type(3) {\n  -webkit-transition-delay: 0.7s;\n  transition-delay: 0.7s;\n}\n\n.button-container i:nth-of-type(4) {\n  -webkit-transition-delay: 0.4s;\n  transition-delay: 0.4s;\n}\n\n.btn_wrap:hover span {\n  -webkit-transition-delay: 0.25s;\n  transition-delay: 0.25s;\n  -webkit-transform: translateX(-280px);\n  transform: translateX(-280px);\n}\n\n.btn_wrap:hover i {\n  opacity: 1;\n  -webkit-transform: scale(1);\n  transform: scale(1);\n}\n\n.dr {\n  position: absolute;\n  bottom: 16px;\n  right: 16px;\n  width: 100px;\n}\n\n.pagination {\n  margin: 24px 0;\n  justify-content: center !important;\n}\n\n.previous {\n  margin: 0 40px 0 0;\n}\n\n.next {\n  margin: 0 0 0 40px;\n}\n\n.current_page_number {\n  color: $brand-color;\n  word-spacing: 8px;\n}\n\n.page_number {\n  color: $grey-color-light;\n  word-spacing: 8px;\n}\n\n/* Bulma Override*/\n.block:not(:last-child),\n.content blockquote:not(:last-child),\n.content dl:not(:last-child),\n.content ol:not(:last-child),\n.content p:not(:last-child),\n.content pre:not(:last-child),\n.content table:not(:last-child),\n.content ul:not(:last-child) {\n  margin-bottom: 16px !important;\n}\n\n.box {\n  background: #fffefe;\n  border-radius: $base-border-radius * 2;\n  padding: $padding;\n  // max-height: 640px;\n  box-shadow: 0 64px 50px -32px rgba(6, 7, 37, 0.03) !important;\n  transition: all 0.5s ease !important; /* back to normal */\n\n  &:hover {\n    transform: translate3D(0, -1px, 0) scale(1.03);\n  }\n}\n\n.card-header {\n  box-shadow: none;\n}\n\n.card-footer-item {\n  justify-content: flex-start;\n  padding: 0.75em 0;\n}\n\n.footer-logo {\n  height: 20px;\n}\n\n.gap {\n  gap: 16px;\n}\n\n.has-border-top {\n  border-top: 1px solid $grey-color-lighter;\n}\n\n.has-text-grey {\n  color: $grey-color !important;\n}\n\n.has-text-primary {\n  color: $brand-color !important;\n}\n\n.hero-background {\n  background-repeat: no-repeat;\n  background-size: contain;\n}\n\n.has-background-transparent {\n  background-color: transparent !important;\n}\n\n.is-clickable {\n}\n\n.is-primary {\n  background-color: $brand-color-lighter-er !important;\n  color: $text-color !important;\n\n  h1,\n  h2 {\n    color: $text-color !important;\n  }\n}\n\n.is-rounded {\n  border-radius: 9999px;\n}\n\ninput[type=\"text\"] {\n  border-radius: $base-border-radius;\n}\n\n.input {\n  box-shadow: none !important;\n}\n\n.input:active,\n.input:focus {\n  border-color: $brand-color !important;\n  box-shadow: $box-shadow !important;\n}\n\n.input:focus ~ .icon,\n.control.has-icons-right .select:focus ~ .icon {\n  color: $brand-color !important;\n}\n\n.title,\n.subtitle {\n  color: $text-color !important;\n}\n\n.title > a:hover {\n  color: $brand-color-lighter !important;\n}\n\n.L-grid {\n  display: grid;\n  gap: 16px 16px;\n  grid-template-columns: 1fr 1fr 1fr;\n}\n\n@media only screen and (max-width: 768px) {\n  /* Your CSS styles for mobile here */\n  .L-grid {\n    grid-template-columns: 1fr;\n  }\n}\n\n.default-grid {\n  display: grid;\n  gap: 32px;\n  grid-template-columns: 3fr 1fr;\n}\n\n@media only screen and (max-width: 768px) {\n  /* Your CSS styles for mobile here */\n  .default-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .section.post-section {\n    padding-right: 0;\n    padding-left: 0;\n  }\n\n  .footer-logo {\n    .image {\n      margin-left: auto;\n      margin-right: auto;\n    }\n  }\n\n  .navbar-brand {\n    .navbar-item {\n      padding-left: 0;\n    }\n  }\n}\n","/**\n * Site header\n */\n.site-header {\n  // min-height: 80px;\n\n  // Positioning context for the mobile navigation icon\n  position: relative;\n}\n\n.site-border {\n  border: 0;\n  height: 1px;\n  background: $grey-color-lighter;\n}\n\n.site-title {\n  font-size: 24px;\n  font-weight: 300;\n  line-height: 100%;\n  letter-spacing: -1px;\n  margin-top: 16px;\n  margin-bottom: 16px;\n\n  img {\n    width: 264px;\n  }\n\n  &,\n  &:visited {\n    color: $grey-color-dark;\n  }\n}\n\n.site-nav {\n  // line-height: 56px;\n  margin: auto 0 auto auto;\n\n  .page-link {\n    color: $text-color;\n    line-height: $base-line-height;\n\n    // Gaps between nav items, but not on the last one\n    &:not(:last-child) {\n      margin-right: 20px;\n    }\n  }\n}\n\n/**\n * Site footer\n */\n.site-footer {\n  padding: $spacing-unit 0;\n}\n\n.footer {\n  background-color: transparent !important;\n}\n\n.contact-list,\n.social-media-list {\n  list-style: none;\n  margin-left: 0;\n}\n\n/**\n * Page content\n */\n/*\n.page-content {\n  padding: $spacing-unit 0;\n}*/\n\n.page-heading {\n  font-size: 20px;\n}\n\n.post-list {\n  margin-left: 0;\n  list-style: none;\n\n  > li {\n    margin-bottom: $spacing-unit;\n  }\n\n  article {\n    h1,\n    h2,\n    h3 {\n      font-size: 16px;\n      font-weight: 600 !important;\n    }\n  }\n}\n\n.post-meta {\n  font-size: $small-font-size;\n  color: $grey-color;\n  letter-spacing: 1px;\n  text-transform: uppercase;\n  display: inline-block;\n}\n\n.post-link {\n  display: block;\n  font-size: 24px;\n}\n\n/**\n * Posts\n */\n.post-header {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  margin-bottom: $spacing-unit;\n  .level {\n    margin-bottom: 0;\n  }\n  .image img {\n    border-radius: 16px;\n  }\n}\n\n.post-content {\n  margin-bottom: $spacing-unit;\n\n  h2 {\n    font-size: 32px;\n\n    @media screen and (max-width: $on-laptop) {\n      font-size: 28px;\n    }\n  }\n\n  h3 {\n    font-size: 26px;\n\n    @media screen and (max-width: $on-laptop) {\n      font-size: 22px;\n    }\n  }\n\n  h4 {\n    font-size: 20px;\n\n    @media screen and (max-width: $on-laptop) {\n      font-size: 18px;\n    }\n  }\n}\n\n.highlight_yellow {\n  background: yellow;\n}\n\n@media only screen and (max-width: 1023px) {\n  /* Your CSS styles for screens up to 1023px width here */\n  .px-6-touch {\n    padding-left: 3rem;\n    padding-right: 3rem;\n  }\n  .section {\n    padding: 1.5rem;\n  }\n  .navbar-item img {\n    max-height: 1.25rem;\n  }\n  .columns.is-variable > .column {\n    padding-left: 24px;\n    padding-right: 24px;\n  }\n}\n\n@media only screen and (min-width: 768px) and (max-width: 1023px) {\n  /* Your CSS styles for tablets here */\n  .hero-body {\n    padding-left: 1rem;\n    padding-right: 1rem;\n  }\n}\n\n@media only screen and (max-width: 768px) {\n  /* Your CSS styles for mobile here */\n  .hero-body {\n    padding-left: 0;\n    padding-right: 0;\n  }\n\n  .columns.is-variable > .column {\n    padding-left: 0.5rem;\n    padding-right: 0.5rem;\n  }\n\n  #section2 {\n    display: flex;\n    justify-content: center;\n  }\n}\n\n@media only screen and (min-width: 768px) {\n  /* Your CSS styles for mobile here */\n  .hero-body {\n    padding-left: 0;\n    padding-right: 0;\n  }\n\n  .columns.is-variable > .column {\n    padding-left: 0.5rem;\n    padding-right: 0.5rem;\n  }\n}\n\n@media only screen and (min-width: 1024px) {\n  /* Your CSS styles for desktop and above devices go here */\n  .default2-grid {\n    display: grid;\n    gap: 32px;\n    grid-template-columns: 3fr 1fr;\n  }\n}\n","/**\n * Syntax highlighting styles\n */\n.highlight {\n    background: $brand-color-lighter-er;\n    @extend %vertical-rhythm;\n\n    .highlighter-rouge & {\n      background: $brand-color-lighter-er;\n      border-radius: 8px;\n    }\n\n    .c     { color: #998; font-style: italic } // Comment\n    .err   { color: #a61717; background-color: #e3d2d2 } // Error\n    .k     { font-weight: bold } // Keyword\n    .o     { font-weight: bold } // Operator\n    .cm    { color: #998; font-style: italic } // Comment.Multiline\n    .cp    { color: #999; font-weight: bold } // Comment.Preproc\n    .c1    { color: #998; font-style: italic } // Comment.Single\n    .cs    { color: #999; font-weight: bold; font-style: italic } // Comment.Special\n    .gd    { color: #000; background-color: #fdd } // Generic.Deleted\n    .gd .x { color: #000; background-color: #faa } // Generic.Deleted.Specific\n    .ge    { font-style: italic } // Generic.Emph\n    .gr    { color: #a00 } // Generic.Error\n    .gh    { color: #999 } // Generic.Heading\n    .gi    { color: #000; background-color: #dfd } // Generic.Inserted\n    .gi .x { color: #000; background-color: #afa } // Generic.Inserted.Specific\n    .go    { color: #888 } // Generic.Output\n    .gp    { color: #555 } // Generic.Prompt\n    .gs    { font-weight: bold } // Generic.Strong\n    .gu    { color: #aaa } // Generic.Subheading\n    .gt    { color: #a00 } // Generic.Traceback\n    .kc    { font-weight: bold } // Keyword.Constant\n    .kd    { font-weight: bold } // Keyword.Declaration\n    .kp    { font-weight: bold } // Keyword.Pseudo\n    .kr    { font-weight: bold } // Keyword.Reserved\n    .kt    { color: #458; font-weight: bold } // Keyword.Type\n    .m     { color: #099 } // Literal.Number\n    .s     { color: #d14 } // Literal.String\n    .na    { color: #008080 } // Name.Attribute\n    .nb    { color: #0086B3 } // Name.Builtin\n    .nc    { color: #458; font-weight: bold } // Name.Class\n    .no    { color: #008080 } // Name.Constant\n    .ni    { color: #800080 } // Name.Entity\n    .ne    { color: #900; font-weight: bold } // Name.Exception\n    .nf    { color: #900; font-weight: bold } // Name.Function\n    .nn    { color: #555 } // Name.Namespace\n    .nt    { color: #000080 } // Name.Tag\n    .nv    { color: #008080 } // Name.Variable\n    .ow    { font-weight: bold } // Operator.Word\n    .w     { color: #bbb } // Text.Whitespace\n    .mf    { color: #099 } // Literal.Number.Float\n    .mh    { color: #099 } // Literal.Number.Hex\n    .mi    { color: #099 } // Literal.Number.Integer\n    .mo    { color: #099 } // Literal.Number.Oct\n    .sb    { color: #d14 } // Literal.String.Backtick\n    .sc    { color: #d14 } // Literal.String.Char\n    .sd    { color: #d14 } // Literal.String.Doc\n    .s2    { color: #d14 } // Literal.String.Double\n    .se    { color: #d14 } // Literal.String.Escape\n    .sh    { color: #d14 } // Literal.String.Heredoc\n    .si    { color: #d14 } // Literal.String.Interpol\n    .sx    { color: #d14 } // Literal.String.Other\n    .sr    { color: #009926 } // Literal.String.Regex\n    .s1    { color: #d14 } // Literal.String.Single\n    .ss    { color: #990073 } // Literal.String.Symbol\n    .bp    { color: #999 } // Name.Builtin.Pseudo\n    .vc    { color: #008080 } // Name.Variable.Class\n    .vg    { color: #008080 } // Name.Variable.Global\n    .vi    { color: #008080 } // Name.Variable.Instance\n    .il    { color: #099 } // Literal.Number.Integer.Long\n}\n"],"file":"main.css"}