:root{--fluid-min-width: 320;--fluid-max-width: 1600;--fluid-screen: 100vw;--fluid-bp: calc( (var(--fluid-screen) - var(--fluid-min-width) / 16 * 1rem) / (var(--fluid-max-width) - var(--fluid-min-width)) )}@media screen and (min-width: 1600px){:root{--fluid-screen: calc(var(--fluid-max-width) * 1px)}}:root{--f-0-min: 16;--f-0-max: 24;--step-0: calc( ((var(--f-0-min) / 16) * 1rem) + (var(--f-0-max) - var(--f-0-min)) * var(--fluid-bp) );--f-1-min: 22.5;--f-1-max: 33.94;--step-1: calc( ((var(--f-1-min) / 16) * 1rem) + (var(--f-1-max) - var(--f-1-min)) * var(--fluid-bp) );--f-2-min: 28.13;--f-2-max: 47.99;--step-2: calc( ((var(--f-2-min) / 16) * 1rem) + (var(--f-2-max) - var(--f-2-min)) * var(--fluid-bp) );--f-3-min: 35.16;--f-3-max: 67.85;--step-3: calc( ((var(--f-3-min) / 16) * 1rem) + (var(--f-3-max) - var(--f-3-min)) * var(--fluid-bp) )}*{all:unset;display:revert}*,*::before,*::after{box-sizing:border-box}:root{--backgroundColor: hsl(50, 10%, 93%);--surfaceColor: hsl(0, 0%, 100%);--textColor: hsl(0, 0%, 15%);--textSecondaryColor: hsl(0, 0%, 50%);--linkColor: hsl(211, 100%, 50%);--linkUnderlineColor: hsla(211, 100%, 50%, 0.3);--linkHoverColor: var(--linkColor);--linkHoverUnderlineColor: var(--linkColor);--skillBackgroundColor: white;--skillTextColor: var(--textColor);--cardShadowColor: hsl(40, 8%, 55%);--siteBackgroundColor: white}@media(prefers-color-scheme: dark){:root{--backgroundColor: hsl(0, 0%, 14%);--surfaceColor: hsl(0, 0%, 26%);--textColor: hsl(0, 0%, 85%);--textSecondaryColor: hsl(0, 0%, 45%);--linkColor: hsl(211, 100%, 60%);--linkUnderlineColor: hsla(211, 100%, 60%, 0.3);--linkHoverColor: var(--linkColor);--linkHoverUnderlineColor: var(--linkColor);--skillBackgroundColor: var(--surfaceColor);--skillTextColor: var(--textColor);--cardShadowColor: hsl(0, 0%, 0%);--siteBackgroundColor: var(--surfaceColor)}}@font-face{font-family:"Qanelas";font-weight:normal;font-style:normal;src:url("/fonts/qanelas-regular.eot#iefix") format("embedded-opentype"),url("/fonts/qanelas-regular.woff2") format("woff2"),url("/fonts/qanelas-regular.woff") format("woff"),url("/fonts/qanelas-regular.ttf") format("truetype"),url("/fonts/qanelas-regular.otf") format("opentype"),url("/fonts/qanelas-regular.svg#font") format("svg")}@font-face{font-family:"Qanelas";font-weight:bold;font-style:normal;src:url("/fonts/qanelas-bold.eot#iefix") format("embedded-opentype"),url("/fonts/qanelas-bold.woff2") format("woff2"),url("/fonts/qanelas-bold.woff") format("woff"),url("/fonts/qanelas-bold.ttf") format("truetype"),url("/fonts/qanelas-bold.otf") format("opentype"),url("/fonts/qanelas-bold.svg#font") format("svg")}body{background:var(--backgroundColor);color:var(--textColor);font-family:"Qanelas",sans-serif;font-size:var(--step-0);line-height:1.35em;padding:0 2em 1em 2em;-webkit-font-smoothing:antialiased;max-width:var(--fluid-screen);margin:0 auto;font-feature-settings:"salt" on}@media(max-width: 767px){body{padding:0 1em 2em 1em}}main{position:relative}.wrapper{width:87%}@media(max-width: 767px){.wrapper{width:100%}}.wrapper__full-width{width:100%}.space{display:block;width:100%}.space--s{height:1em}.space--m{height:2em}.space--l{height:3em}h1{font-size:var(--step-3);line-height:1em;font-weight:900;margin-bottom:.25em}h2{font-size:var(--step-2);line-height:1.1em;font-weight:900;margin-bottom:.25em}h3{font-size:var(--step-1);line-height:1.2em;font-weight:900;margin-bottom:.25em}p{font-size:var(--step-0);margin-bottom:.5em}p.lead{font-size:var(--step-1);line-height:1.3em;margin-bottom:1em}.strong{font-weight:900}a{color:var(--linkColor);border-bottom:1px solid var(--linkUnderlineColor);text-decoration:none;cursor:pointer;transition:all ease-in-out .1s}a:hover{color:var(--linkHoverColor);border-bottom-color:var(--linkHoverUnderlineColor);transition:none}a.back{display:inline-block;margin-bottom:1em}img{border:0;width:100%}figure img{border-radius:.25em}figure figcaption{color:var(--textSecondaryColor)}.text-secondary{color:var(--textSecondaryColor)}.site{display:inline-flex;font-size:1.4em;line-height:1em;background:var(--siteBackgroundColor);padding:.5em .8em;border-radius:.25em;border:0}.skill{color:var(--skillTextColor)}.skill span{background:linear-gradient(270deg, var(--backgroundColor) 0%, var(--skillBackgroundColor) 100%);display:inline-block;padding:.1em 1em .1em .5em;border-radius:.5em 0 0 .5em;margin-bottom:.25em;margin-left:-0.5em}.skill span:first-child{margin-left:0}.grid{display:grid;gap:1em}.grid--1col{grid-template-columns:1fr 1fr}.grid--2col{grid-template-columns:1fr 1fr}@media(max-width: 767px){.grid--2col{grid-template-columns:1fr}}.grid--3col{grid-template-columns:2fr 1fr}@media(max-width: 767px){.grid--3col{grid-template-columns:1fr}}.grid .wide{grid-column:1/span 2}@media(max-width: 767px){.grid .wide{grid-column:1}}@media(max-width: 767px){.hide-on-mobile{display:none}}@media(min-width: 768px){.hide-on-desktop{display:none}}header{display:flex;align-items:center;justify-content:space-between;padding-top:1em;padding-bottom:1em}header .avatar{display:inline-flex;background:url("/images/ava.jpg") no-repeat;background-size:cover;border:0;border-radius:50%;margin-right:1em;height:2em;width:2em}header div{display:flex;align-items:center}header a{margin-right:1em}header a:last-child{margin-right:0}footer{display:flex;flex-direction:column;margin-top:2em}footer p:last-child{margin:0}.welcome-text a{color:var(--textColor);border-bottom:1px solid #ccc}@media(prefers-color-scheme: dark){.welcome-text a{border-bottom:1px solid hsl(0,0%,30%)}}.welcome-text a:hover{color:var(--textColor);border-bottom-color:var(--textColor)}.projects h1,.projects h2{line-height:.9em;margin-top:.5em;margin-bottom:0}.projects a{color:var(--textColor);border:0}.projects a:hover{color:var(--textColor)}.projects-card{display:flex;flex-direction:column;justify-content:space-between;background:var(--surfaceColor);border-radius:1em;padding:1em;transition:all ease-in-out .1s}@media(max-width: 767px){.projects-card{border-radius:.5em}}.projects-card:hover{transform:scale(1.02);transition:all ease-in-out .1s;box-shadow:0px 12px 25px -15px var(--cardShadowColor)}.projects section{margin-bottom:4em}.projects section .logo{display:flex;justify-content:center;margin-bottom:1em}.projects section .logo-dodo img{height:1.5em}@media(max-width: 767px){.projects section .logo-dodo img{height:1.2em}}.projects section .logo-winvestor img{height:2em}@media(max-width: 767px){.projects section .logo-winvestor img{height:2em}}