@import"https://use.typekit.net/agl1hub.css";body{margin:0}button{box-sizing:border-box;border:none;outline:none;background:none;cursor:pointer}h1,h2,h3,h4,h5,h6,p{margin:0}ul{margin:0;padding:0}li{list-style:none}a{color:inherit;text-decoration:none}:root{font-family:halyard-text,Avenir Next,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.5;color:#f5eee6;background-color:#131925;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;font-weight:300}h1,h2,h3,h4,h5,h6{font-family:new-spirit,georgia,times,serif;font-weight:700;line-height:1.1;margin-top:0;margin-bottom:.5rem}.app-layout{height:100vh;display:grid;grid-template-rows:auto 1fr auto;align-items:center;grid-template-columns:minmax(16px,auto) minmax(auto,1200px) minmax(16px,auto);align-content:start}.app-layout>nav,.app-layout>footer{padding:1rem}.app-layout>*{grid-column:2}.app-layout>main.content{grid-row:2}.app-layout>nav{font-size:1.15rem;display:grid;grid-auto-flow:column;align-items:center;justify-content:space-between}.app-layout>nav .social{display:flex}.app-layout>nav .social a{padding:.5em}.app-layout>nav .social a:hover svg{scale:1.04}.app-layout>nav .social a svg{width:1em;height:1em}.app-layout>nav .menu{display:flex}.app-layout>nav .menu li{margin-bottom:.5em}.app-layout>main.content{padding:16px}.effect{position:relative;color:#506a7c;transition:font-weight .2s linear}.effect:before{content:attr(data-text);transform-origin:left;color:#d4d3d3;overflow:hidden;opacity:.7;position:absolute;left:0;width:0;height:1lh;background:linear-gradient(90deg,hsl(220,31%,11%) 20%,hsl(220,31%,11%) 50%,transparent 100%);background-position:0 50%;background-size:auto 50%;background-repeat:no-repeat;transition:width .2s linear 0ms}.effect.active{font-weight:600}.effect:hover{scale:1.04}.effect:hover:before{width:100%}.landing .landing__title{font-size:2rem;font-weight:700;margin-bottom:1rem;color:#ffd500}.landing .landing__subtitle{font-size:1.5rem;font-weight:400;margin-bottom:1rem}.landing .landing__button{margin-top:1rem}.construction{display:grid;gap:4px;padding:8px 12px;align-content:center}.construction section{padding-top:14px}.construction .contact ul{display:flex;align-items:center;gap:.5em}.construction .contact ul a:has(svg){transition:scale .25s linear}.construction .contact ul a:has(svg) :hover{scale:1.04}.construction .contact ul a[href^=mailto]{font-weight:600}.app-layout:has(.construction)>nav ul{display:flex;align-items:center;justify-content:flex-end}.app-layout:has(.construction)>nav ul:after{content:"develophir.com";font-size:.8rem;padding-inline-start:4px;margin-bottom:.2rem}.app-layout:has(.construction)>nav ul li a{width:28px;height:28px;padding:4px;display:inline-flex;align-items:center;justify-content:center;position:relative}.app-layout:has(.construction)>nav ul li a:before{content:"";border-radius:50%;position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;transition:background-color .1s linear 0ms}.app-layout:has(.construction)>nav ul li a svg{width:80%;height:80%;transition:opacity .2s linear 0ms;opacity:.8}.app-layout:has(.construction)>nav ul li a:hover:before{background:rgba(51,51,51,.062745098)}.app-layout:has(.construction)>nav ul li a:hover svg{opacity:1}