@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;700&family=JetBrains+Mono:wght@400;500;700&display=swap');

/*
  Tokens
  canvas                 #201d1d
  ink                    #fdfcfc
  ink-deep               #e8e4e4
  on-primary             #201d1d
  charcoal               #302c2c
  body                   #c4c2c2
  mute / ash             #9a9898
  stone                  #9a9898
  hairline               rgba(253, 252, 252, 0.12)
  hairline-strong        #9a9898
  surface-soft           #302c2c
  surface-elevated       #302c2c
  font: 'JetBrains Mono', 'IBM Plex Mono', ui-monospace, SFMono-Regular,
        Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace
*/

* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    height: 100%;
}

body {
    font-family: 'JetBrains Mono', 'IBM Plex Mono', ui-monospace, 'SFMono-Regular', Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    color: #fdfcfc;
    background-color: #201d1d;
    min-height: 100%;
    min-height: 100vh;
    margin: 0;
    padding: 0;
}

button,
input,
select,
textarea {
    font-family: inherit;
}

a {
    color: #fdfcfc;
    text-decoration: underline;
}

.site-background {
    position: relative;
    background-color: #201d1d;
}

.site-background > section {
    position: relative;
    z-index: 2;
}

.container {
    max-width: 960px;
    margin: 0 auto;
    padding: 0 16px;
}

@media (max-width: 768px) {
    .container {
        padding: 0 15px;
    }
}

@media (max-width: 480px) {
    .container {
        padding: 0 12px;
    }
}

@media (prefers-reduced-motion: reduce) {
    * {
        -webkit-animation-duration: 0s !important;
        animation-duration: 0s !important;
        -webkit-animation-iteration-count: 1 !important;
        animation-iteration-count: 1 !important;
        -webkit-transition-duration: 0s !important;
        transition-duration: 0s !important;
    }
}