@font-face {
  font-family: "JetBrains Mono";
  src: url("https://jacobzivandesign.com/fonts/JetBrainsMono-Light.woff2") format("woff2"), url("https://jacobzivandesign.com/fonts/JetBrainsMono-LightItalic.woff2") format("woff2"), url("https://jacobzivandesign.com/fonts/JetBrainsMono-ExtraLight.woff2") format("woff2"), url("https://jacobzivandesign.com/fonts/JetBrainsMono-ExtraLightItalic.woff2") format("woff2"), url("https://jacobzivandesign.com/fonts/JetBrainsMono-Bold.woff2") format("woff2"), url("https://jacobzivandesign.com/fonts/JetBrainsMono-BoldItalic.woff2") format("woff2"), url("https://jacobzivandesign.com/fonts/JetBrainsMono-ExtraBold.woff2") format("woff2"), url("https://jacobzivandesign.com/fonts/JetBrainsMono-ExtraBoldItalic.woff2") format("woff2"), url("https://jacobzivandesign.com/fonts/JetBrainsMono-Italic.woff2") format("woff2"), url("https://jacobzivandesign.com/fonts/JetBrainsMono-Thin.woff2") format("woff2"), url("https://jacobzivandesign.com/fonts/JetBrainsMono-ThinItalic.woff2") format("woff2"), url("https://jacobzivandesign.com/fonts/JetBrainsMono-Medium.woff2") format("woff2"), url("https://jacobzivandesign.com/fonts/JetBrainsMono-MediumItalic.woff2") format("woff2"), url("https://jacobzivandesign.com/fonts/JetBrainsMono-Regular.woff2") format("woff2");
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

a {
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
  color: #f26552;
}

body {
  background: #fff;
  color: #1f2426;
  font-family: "Main", Helvetica, Arial;
  text-align: center;
}

.center {
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  padding: 40px;
  text-align: center;
}
.center p {
    margin-bottom: 0.3rem !important;
    font-size: 0.7em;
    line-height: 1rem
}


code {
  font-family: JetBrains Mono;
}

.date {
  padding-top: 1rem;
  font-weight: bold;
}

.wrapper {
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  padding: 40px;
  text-align: left;
}

header {
  background: linear-gradient(217deg, rgba(242, 13, 11, 0.9), rgba(242, 101, 82, 0) 50%), linear-gradient(127deg, rgba(82, 13, 11, 0.9), rgba(242, 101, 82, 0) 50%), linear-gradient(236deg, rgba(82, 13, 11, 0.9), rgba(242, 101, 82, 0) 50%);
  background-color: #cc3925;
  color: #fff;
}
header .wrapper {
  height: 100%;
  padding-top: 30px;
  padding-bottom: 30px;
  text-align: center;
  display: flex;
  justify-content: space-around;
  flex-direction: column;
}
header .wrapper a {
  color: white;
}
header .wrapper p {
  margin-bottom: 10px;
}
header .site-name {
  font-size: 1.5em;
  font-weight: bold;
}
header .site-icon > img {
  max-width: 160px;
}

nav li {
  display: inline-block;
  margin: 0 7px;
  line-height: 1.5em;
}
nav a.selected {
  text-decoration: underline;
}

h1 {
  margin-bottom: 20px;
  font-size: 2em;
}

h2 {
  margin: 20px 0;
}

p {
  margin-bottom: 1.3rem;
  line-height: 1.5;
  font-size: 1.05em;
}
p code {
  padding: 0.1rem 0.6rem !important;
  background-color: #e8eced;
  border-radius: 8px;
  color: #f26552;
}

a {
  color: #e64640;
}

.description {
  margin-bottom: 40px;
}

.item-list > li {
  color: #fff;
  display: block;
  padding: 20px;
  border-radius: 20px;
  background: linear-gradient(45deg, #cc3925, #f26552 150%);
  background-color: #cc3925;
  margin-bottom: 20px;
}
.item-list a {
  color: white;
}
.item-list:last-child {
  margin-bottom: 0;
}
.item-list h1 {
  margin-bottom: 15px;
  font-size: 1.3em;
}
.item-list p {
  margin-bottom: 0;
}

.social {
  display: flex;
  justify-content: space-evenly;
  max-width: 900px;
  margin: 2rem auto;
}
.social .find-me img {
  max-width: 24px;
  max-height: 24px;
}
.social .find-me:hover {
  opacity: 0.7;
}

.tag-list,
.all-tags {
  text-decoration: none;
  margin-bottom: 15px;
}
.tag-list li,
.tag-list .tag,
.all-tags li,
.all-tags .tag {
  display: inline-block;
  background-color: #1f2426;
  border: 1px solid #e64640;
  color: #fff;
  padding: 4px 6px;
  border-radius: 5px;
  margin-right: 5px;
}
.tag-list li a,
.tag-list .tag a,
.all-tags li a,
.all-tags .tag a {
  color: white;
}
.tag-list li a:hover,
.tag-list .tag a:hover,
.all-tags li a:hover,
.all-tags .tag a:hover {
  color: #e64640;
  text-decoration: none;
}

.item-page .tag-list {
  display: inline-block;
}

.content {
  margin-bottom: 40px;
}
.content a {
  color: #e64640;
}
.content img {
  width: 95%;
  max-width: 800px;
  margin: 2rem auto;
  display: block;
}

.browse-all {
  display: block;
  margin-bottom: 30px;
}

footer {
  color: #8a8a8a;
}

blockquote {
  font-family: ui-monospace;
  font-size: 1.3rem;
  padding: 1rem;
  margin: 2rem;
  border-left: 3px solid #f26552;
  background: linear-gradient(45deg, #cc3925, #f26552 150%);
  border-radius: 1rem;
  color: #fff;
}
blockquote > p {
  padding: 0;
  margin: 0;
}

ol {
  margin: 2rem;
}
ol li {
  margin: 1rem 0;
}

table {
  border-collapse: collapse;
  width: 90%;
  margin: 2rem;
}

th,
td {
  padding: 0.25rem;
  text-align: left;
  border: 1px solid #e8eced;
}

tbody tr:nth-child(odd) {
  background: #e8eced;
}

.clear-left {
  clear: left;
}
.clear-left + * {
  clear: left;
}
.clearfix {
  display: block;
  clear: both;
}

.left-item {
  float: left;
}
@media (max-width: 820px) {
  .left-item {
    float: none;
    margin: 2rem auto !important;
  }
}

.right-item {
  float: right;
}
@media (max-width: 820px) {
  .right-item {
    float: none;
    margin: 2rem auto !important;
  }
}

.jbmono {
  font-family: JetBrains Mono;
}
article p {
  overflow-wrap: break-word;
}

pre {
  margin-bottom: 1.5em;
  background-color: #e8eced;
  padding: 16px 0;
  border-radius: 16px;
}
pre code {
  display: block;
  padding: 0 20px;
  color: #1f2426;
  line-height: 1.4rem;
  font-size: 0.7rem;
  overflow-x: auto;
  white-space: pre;
  -webkit-overflow-scrolling: touch;
}
pre code .keyword {
  color: #9b2393;
}
pre code .type {
  color: #0b4f79;
}
pre code .call {
  color: #0f68a0;
}
pre code .property {
  color: #6c36a9;
}
pre code .number {
  color: #1c00cf;
}
pre code .string {
  color: #c41a16;
}
pre code .comment {
  color: #6c7986;
}
pre code .dotAccess {
  color: #326d74;
}
pre code .preprocessing {
  color: #643820;
}

@media (prefers-color-scheme: dark) {
  p code {
    background-color: #1a1a1a;
  }

  pre {
    background-color: #1a1a1a;
  }
  pre code {
    color: #e8eced;
  }
  pre code .keyword {
    color: #fc5fa3;
  }
  pre code .type {
    color: #5dd8ff;
  }
  pre code .call {
    color: #41a1c0;
  }
  pre code .property {
    color: #75b492;
  }
  pre code .number {
    color: #9686f5;
  }
  pre code .string {
    color: #fc6a5d;
  }
  pre code .comment {
    color: #6c7986;
  }
  pre code .dotAccess {
    color: #aef37d;
  }
  pre code .preprocessing {
    color: #fd8f3f;
  }

  body {
    background-color: #1f2426;
    color: #eee;
  }

  th,
td {
    border: 1px solid #cc3925;
  }

  tbody tr:nth-child(odd) {
    background: #f26552;
  }

  article a:hover {
    color: #fff;
  }
}
@media (max-width: 600px) {
  .wrapper {
    padding: 40px 20px;
  }
}

/*# sourceMappingURL=styles.css.map */