@font-face {
  font-family: "Fira Code";
  src: url(/woff2/FiraCode-Light.woff2)format("woff2");
  font-weight: 300;
  font-style: normal
}

@font-face {
  font-family:"Fira Code";src:url(/woff2/FiraCode-Regular.woff2)format("woff2");font-weight:400;font-style:normal
}

@font-face {
  font-family:"Fira Code";src:url(/woff2/FiraCode-Medium.woff2)format("woff2");font-weight:500;font-style:normal
}

@font-face {
  font-family:"Fira Code";src:url(/woff2/FiraCode-SemiBold.woff2)format("woff2");font-weight:600;font-style:normal
}

@font-face {
  font-family:"Fira Code";src:url(/woff2/FiraCode-Bold.woff2)format("woff2");font-weight:700;font-style:normal
}

@font-face {
  font-family:"Fira Code VF";src:url(/woff2/FiraCode-VF.woff2)format("woff2-variations");font-weight:300 700;font-style:normal
}

* {
  font-family: "Fira Code",monospace
}

@supports (font-variation-settings:normal) {
  * {
      font-family: "Fira Code VF",monospace
  }
}

/* @link https://utopia.fyi/space/calculator?c=320,18,1.2,1140,21,1.25,5,2,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l */

:root {
  --step--2: clamp(0.78rem, calc(0.76rem + 0.11vw), 0.84rem);
  --step--1: clamp(0.94rem, calc(0.89rem + 0.22vw), 1.05rem);
  --step-0: clamp(1.13rem, calc(1.05rem + 0.37vw), 1.31rem);
  --step-1: clamp(1.35rem, calc(1.24rem + 0.57vw), 1.64rem);
  --step-2: clamp(1.62rem, calc(1.45rem + 0.84vw), 2.05rem);
  --step-3: clamp(1.94rem, calc(1.70rem + 1.21vw), 2.56rem);
  --step-4: clamp(2.33rem, calc(1.99rem + 1.70vw), 3.20rem);
  --step-5: clamp(2.80rem, calc(2.33rem + 2.35vw), 4.01rem);
  --space-3xs: clamp(0.31rem, calc(0.31rem + 0.00vw), 0.31rem);
  --space-2xs: clamp(0.56rem, calc(0.51rem + 0.24vw), 0.69rem);
  --space-xs: clamp(0.88rem, calc(0.83rem + 0.24vw), 1.00rem);
  --space-s: clamp(1.13rem, calc(1.05rem + 0.37vw), 1.31rem);
  --space-m: clamp(1.69rem, calc(1.57rem + 0.61vw), 2.00rem);
  --space-l: clamp(2.25rem, calc(2.10rem + 0.73vw), 2.63rem);
  --space-xl: clamp(3.38rem, calc(3.16rem + 1.10vw), 3.94rem);
  --space-2xl: clamp(4.50rem, calc(4.21rem + 1.46vw), 5.25rem);
  --space-3xl: clamp(6.75rem, calc(6.31rem + 2.20vw), 7.88rem);
  --space-3xs-2xs: clamp(0.31rem, calc(0.17rem + 0.73vw), 0.69rem);
  --space-2xs-xs: clamp(0.56rem, calc(0.39rem + 0.85vw), 1.00rem);
  --space-xs-s: clamp(0.88rem, calc(0.70rem + 0.85vw), 1.31rem);
  --space-s-m: clamp(1.13rem, calc(0.78rem + 1.71vw), 2.00rem);
  --space-m-l: clamp(1.69rem, calc(1.32rem + 1.83vw), 2.63rem);
  --space-l-xl: clamp(2.25rem, calc(1.59rem + 3.29vw), 3.94rem);
  --space-xl-2xl: clamp(3.38rem, calc(2.64rem + 3.66vw), 5.25rem);
  --space-2xl-3xl: clamp(4.50rem, calc(3.18rem + 6.59vw), 7.88rem);
  --space-s-l: clamp(1.13rem, calc(0.54rem + 2.93vw), 2.63rem)
}

html {
  min-width: 490px;
  max-width: 1140px;
  margin-right: auto
}

* {
  margin: 0;
  padding: 0;
  list-style: none
}

h1 {
  font-size: var(--step-5)
}

h2 {
  font-size: var(--step-4)
}

h3 {
  font-size: var(--step-3)
}

h4 {
  font-size: var(--step-2)
}

h5 {
  font-size: var(--step-1)
}

h6 {
  font-size: var(--step-0)
}

li,p {
  font-size: var(--step--1)
}

small {
  font-size: var(--step--2)
}

body {
  padding: var(--space-s)
}

.qrcode {
  float: right;
}

@media screen and (max-width: 740px) {
  .qrcode {
    float: none;
  }
}

.years,ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap
}

.tags li+li {
  margin-left: var(--space-xs)
}

.tags li a {
  display: flex;
  align-items: center;
  white-space: pre
}

@media screen and (max-width: 727px) {
  .tags li p {
    display: none
  }
}

img {
  transition: 1s;
  margin-right: var(--space-3xs)
}

img:hover {
  transform: rotate(360deg)
}

.years,html {
  margin-left: auto
}

.years li {
  font-weight: 600;
  padding-left: var(--space-3xs);
  padding-right: var(--space-3xs)
}

.history>li+li,h2+p,p+ol {
  margin-top: var(--space-m)
}

p {
  white-space: pre-line
}

.experience>*+* {
  margin-top: var(--space-xs)
}

.company {
  display: flex
}