:root{--page-top:192px;--page-bottom:96px;--bg:#fff;--fg:#000;--fg-lighter:#2e2e2e;--gray-darker:#6f6f6f;--gray:#888;--light-gray:#dedede;--lighter-gray:#f5f5f5;--lightest-gray:#fafafa;--header-bg:#f9f9f9;--gray-alpha:rgba(19,20,21,.5);--selection:rgba(0,0,0,.071);--text-color:#3a3a3a;--text-dec-color:#c7c7c7;--text-dec-color-hover:#8f8f8f;--blue1:#fbfdff;--blue2:#f5faff;--blue3:#edf6ff;--blue4:#e1f0ff;--blue5:#cee7fe;--blue6:#b7d9f8;--blue7:#96c7f2;--blue8:#5eb0ef;--blue9:#0091ff;--blue10:#0081f1;--blue11:#006adc;--blue12:#00254d;--font-fallback:-apple-system,"BlinkMacSystemFont","Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--font-display:"Inter",var(--font-fallback)}::selection{background:rgba(0,0,0,.071);background:var(--selection)}*{text-rendering:optimizeLegibility;box-sizing:border-box;font-family:Sohne;margin:0;padding:0;scroll-behavior:smooth}html{line-height:1.5}body{background:#fff;background:var(--bg);margin-left:max(0,env(safe-area-inset-left));margin-right:max(0,env(safe-area-inset-right))}header{background-color:#f9f9f9;background-color:var(--header-bg);border-bottom:1px solid #dedede;border-bottom:1px solid var(--light-gray);box-shadow:0 4.5px 7.4px rgba(0,0,0,.007),0 12.5px 20.4px rgba(0,0,0,.01),0 30.1px 49.1px rgba(0,0,0,.013),0 100px 163px rgba(0,0,0,.02);display:flex;height:48px;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:4}div .header{align-items:center;display:flex;justify-content:space-between;margin:0 auto;width:640px}div .headerLeft>a{color:#3a3a3a;color:var(--text-color);color:#888;color:var(--gray);font-family:Inter,sans-serif;font-size:16px;font-weight:500;text-decoration:none}div .headerRight>a{padding:0 10px;text-decoration:none;transition:.16s ease;transition-property:color}div .headerRight>a:hover{color:#8f8f8f;color:var(--text-dec-color-hover)}div .headerRight>button{display:none;font-size:12px;margin-left:10px}main{margin:0 auto;max-width:640px;padding:192px 0 96px;padding:var(--page-top) 0 var(--page-bottom) 0}main div{-webkit-animation:enter .6s forwards;animation:enter .6s forwards;-webkit-animation-delay:.2s;animation-delay:.2s;opacity:0}div .title{align-items:center;display:flex;justify-content:space-between;margin-right:75px}div .titleBottom{display:flex;justify-content:flex-start}.titleButton{background-color:#0081f1;background-color:var(--blue10);border:none;border-radius:9999px;color:#fff;color:var(--bg);cursor:pointer;padding:10px 15px}div .titleRight img{width:200px}.titleContactIcons{align-items:center;color:#888;color:var(--gray);display:flex;justify-content:space-evenly;width:130px}.titleContactIcons>a>svg{height:20px;width:20px}h1{font-size:28px;font-weight:600;margin-bottom:4px}h1,h2{color:#000;color:var(--fg);font-family:Inter,sans-serif}h2{font-size:16px;font-weight:500;margin-bottom:28px;position:relative}h2 span{position:absolute;top:-76px}h3{color:#2e2e2e;color:var(--fg-lighter);font-family:Inter,sans-serif;font-size:16px;font-weight:500}h3.title{margin-bottom:15px}p,ul{color:#3a3a3a;color:var(--text-color);font-size:15px}li{display:flex}li>span:first-child{min-width:65px}li>span:nth-child(2){min-width:10px;text-align:center}div .mb28{margin-bottom:28px}div .mb56{margin-bottom:56px}div .mb112{margin-bottom:112px}div .project-container{align-items:center;display:flex;justify-content:flex-start;margin-bottom:50px;margin-left:1rem}div .projectMockup{margin-right:35px;position:relative}div .projectMockup img.mockupLaptopImg{cursor:pointer;width:200px}div .projectMockup img.mockupMobileImg{bottom:5px;cursor:pointer;height:90px;position:absolute;right:-3px;z-index:3}div .projectMockup img.screen{border-radius:4px;bottom:7px;height:88px;right:-.8px;z-index:2}.projectScreen{border-radius:2px 2px 0 0;height:102px;left:10.5px;margin:20px 10px;position:absolute;top:-16px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:158.4px}.projectScreen a{width:158.4px}.projectScreen-browser{align-items:center;background-color:#f3f2f2;border-radius:1px 1px 0 0;display:flex;height:2%;position:-webkit-sticky;position:sticky;z-index:2}.projectScreen-img{border-radius:0 0 1px 1px;height:102px;object-fit:fill;width:158.4px!important}div .project-container p{color:#888;color:var(--gray);font-size:14px;margin-bottom:10px}div .projectStack{margin-bottom:10px}div .projectStack button{background-color:#cee7fe;background-color:var(--blue5);border:none;border-radius:9999px;color:#006adc;color:var(--blue11);margin-bottom:5px;margin-right:5px;padding:5px 10px}div.projectStack>button>img,svg{height:13px;margin-right:3px;width:13px}div .container{align-items:center;color:var(--gray2);display:flex;font-size:15px;justify-content:flex-start;margin-bottom:.5rem}div .container>a{margin-left:.2rem;margin-right:.8rem}a{color:inherit;cursor:pointer;text-decoration:underline;-webkit-text-decoration-color:#c7c7c7;text-decoration-color:#c7c7c7;-webkit-text-decoration-color:var(--text-dec-color);text-decoration-color:var(--text-dec-color);text-decoration-thickness:2px;text-underline-offset:1px;transition:.16s ease;transition-property:-webkit-text-decoration-color;transition-property:text-decoration-color;transition-property:text-decoration-color,-webkit-text-decoration-color}a:hover{-webkit-text-decoration-color:#8f8f8f;text-decoration-color:#8f8f8f;-webkit-text-decoration-color:var(--text-dec-color-hover);text-decoration-color:var(--text-dec-color-hover)}.messageContainer{align-items:center;background-color:#fafafa;background-color:var(--lightest-gray);display:flex;flex-direction:column;padding:50px 0 100px;width:100%}.messageContainer label{font-family:Inter,sans-serif;font-size:16px;font-weight:500;margin-bottom:15px}.messageContainer input,textarea{font-size:12px;margin-bottom:12px;padding:7px;width:430px}.messageContainer textarea{height:140px;resize:none}.messageContainer button{background-color:#0081f1;background-color:var(--blue10);border:none;border-radius:9999px;color:#fff;color:var(--bg);cursor:pointer;padding:10px 15px;width:200px}footer{background-color:#f5f5f5;background-color:var(--lighter-gray);border-top:1px solid #dedede;border-top:1px solid var(--light-gray);color:#888;color:var(--gray);height:48px;justify-content:center;margin:0 auto}footer,footer>div{align-items:center;display:flex}footer>div{justify-content:space-evenly;width:100px}footer>div>a>svg{height:15px;width:15px}@-webkit-keyframes enter{0%{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes enter{0%{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}to{opacity:1;-webkit-transform:none;transform:none}}@media (max-width:703px){:root{--page-top:64px}main{margin:0 24px}}@media (max-width:640px){div .header{width:100%}div .header,main{margin:0 24px}div .headerRight>a{display:none}div .titleRight img{margin-top:20px;width:150px}div .titleLeft{align-items:center;display:flex;flex-direction:column}div .title{flex-direction:column-reverse;margin-right:0}div .project-container{align-items:flex-start;flex-direction:column;margin-left:13%}div .projectDescription{margin-bottom:10px;margin-top:15px}.messageContainer input,textarea{width:90%}div .header{display:flex;justify-content:center}}@font-face{font-display:block;font-family:Sohne;font-style:normal;font-weight:100;src:url(/static/media/sohne-subset-0.0903a4bc3943babd2591.woff2) format("woff2");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}
/*# sourceMappingURL=main.feb74ca8.css.map*/