{"version":3,"sources":["webpack:///./src/styles/global.jsx","webpack:///./src/components/SEO.jsx","webpack:///./src/components/Layout.jsx","webpack:///./src/components/ProjectCard.jsx","webpack:///./src/elements/Inner.jsx","webpack:///./src/styles/animations.jsx","webpack:///./src/elements/Titles.jsx","webpack:///./src/elements/Dividers.jsx","webpack:///./src/elements/Content.jsx","webpack:///./src/styles/utils.jsx","webpack:///./src/components/SVG.jsx","webpack:///./src/views/Hero.jsx","webpack:///./src/views/Projects.jsx","webpack:///./src/views/About.jsx","webpack:///./src/views/Contact.jsx","webpack:///./src/components/Badge.jsx","webpack:///./src/pages/index.jsx","webpack:///./tailwind.js","webpack:///./config/website.js","webpack:///./src/images/triangle.svg","webpack:///./src/images/avatar.jpg"],"names":["GlobalStyle","createGlobalStyle","_templateObject","SEO","data","_768917675","title","config","siteTitle","description","siteDescription","realPrefix","pathPrefix","homeURL","siteUrl","image","siteLogo","schemaOrgWebPage","@context","@type","url","headline","siteHeadline","inLanguage","mainEntityOfPage","name","author","copyrightHolder","copyrightYear","creator","publisher","datePublished","dateModified","site","buildTime","breadcrumb","itemListElement","item","@id","position","react_default","a","createElement","Helmet_default","lang","siteLanguage","rel","href","type","sizes","content","backgroundColor","property","ogLanguage","ogSiteName","siteFBAppID","userTwitter","JSON","stringify","src","async","defer","Layout","Fragment","components_SEO","global","Wrapper","styled","withConfig","displayName","componentId","boxShadow","textDecoration","borderRadius","paddingLeft","paddingRight","paddingTop","paddingBottom","@media (min-width: 600px)","color","props","bg","Text","div","opacity","fontFamily","fontSize","Title","textTransform","@media (min-width: 1200px)","letterSpacing","ProjectCard","_ref","link","children","target","propTypes","PropTypes","string","isRequired","oneOfType","element","length","Inner","width","@media (min-width: 1600px)","textAlign","@media (min-width: 900px)","rotate","keyframes","wave","upDown","upDownWide","upDownAnimation","css","upDownWideAnimation","UpDown","top","right","bottom","left","UpDownWide","h1","marginBottom","display","triangle","BigTitle","Subtitle","p","marginTop","Divider","ParallaxLayer","height","fill","clipPath","DividerMiddle","Content","padding","justifyContent","alignItems","zIndex","hidden","svg","hiddenMobile","stroke","svgWidth","icons","shape","strokeWidth","strokeLinejoin","strokeMiterlimit","points","viewBox","circle","d","arrowUp","box","hexa","cross","SVG","icon","SVG_Wrapper","twWidth","number","oneOf","Object","keys","bool","defaultProps","Hero","offset","speed","components_SVG","colors","orange","red","white","green","purple","elements_Content","Hero_Wrapper","node","Projects","factor","elements_Inner","teal","yellow","pink","About","blue","WaveWrapper","InnerWave","waveAnimation","Contact","xmlns","preserveAspectRatio","attributeName","values","repeatCount","dur","Badge","className","data-version","data-size","data-locale","data-type","data-theme","data-vanity","ProjectsWrapper","flexWrap","AboutHero","flexDirection","Avatar","img","AboutSub","span","Footer","footer","Index","components_Layout","renderprops_addons_cjs","pages","views_Hero","views_Projects","Titles_Title","components_ProjectCard","views_About","avatar","alt","views_Contact","components_Badge","Date","getFullYear","require","transparent","blue-black","blue-grey","black","grey-darkest","grey-darker","grey-dark","grey","grey-light","grey-lighter","grey-lightest","red-darkest","red-darker","red-dark","red-light","red-lighter","red-lightest","orange-darkest","orange-darker","orange-dark","orange-light","orange-lighter","orange-lightest","yellow-darkest","yellow-darker","yellow-dark","yellow-light","yellow-lighter","yellow-lightest","green-darkest","green-darker","green-dark","green-light","green-lighter","green-lightest","teal-darkest","teal-darker","teal-dark","teal-light","teal-lighter","teal-lightest","blue-darkest","blue-darker","blue-dark","blue-light","blue-lighter","blue-lightest","indigo-darkest","indigo-darker","indigo-dark","indigo","indigo-light","indigo-lighter","indigo-lightest","purple-darkest","purple-darker","purple-dark","purple-light","purple-lighter","purple-lightest","pink-darkest","pink-darker","pink-dark","pink-light","pink-lighter","pink-lightest","module","exports","screens","sm","md","lg","xl","xxl","fonts","sans","serif","mono","textSizes","xs","base","2xl","3xl","4xl","5xl","6xl","7xl","fontWeights","hairline","thin","light","normal","medium","semibold","bold","extrabold","leading","none","tight","loose","tracking","wide","textColors","backgroundColors","borderWidths","default","0","2","4","8","borderColors","assign","full","auto","px","1","3","6","10","12","16","24","32","48","64","1/2","1/3","2/3","1/4","3/4","1/5","2/5","3/5","4/5","1/6","5/6","screen","minWidth","minHeight","maxWidth","maxHeight","margin","negativeMargin","shadows","inner","20","30","40","50","25","75","100","options","prefix","important","tailwind","siteTitleAlt","siteTitleShort","themeColor","__webpack_require__"],"mappings":"8vBAEA,IA0BeA,EA1BKC,YAAHC,kDCiHFC,EA9GH,WACV,IAAMC,EAAOC,EAAAD,KAUPE,EAAQC,IAAOC,UACfC,EAAcF,IAAOG,gBAErBC,EAAmC,MAAtBJ,IAAOK,WAAqB,GAAKL,IAAOK,WACrDC,EAAO,GAAMN,IAAOO,QAAUH,EAC9BI,EAAK,GAAMF,EAAUN,IAAOS,SAM5BC,EAAmB,CACvBC,WAAY,oBACZC,QAAS,UACTC,IAAKP,EACLQ,SAAUd,IAAOe,aACjBC,WAAY,KACZC,iBAAkBX,EAClBJ,YAAaF,IAAOG,gBACpBe,KAAMlB,IAAOC,UACbkB,OAAQ,CACNP,QAAS,SACTM,KAAMlB,IAAOmB,QAEfC,gBAAiB,CACfR,QAAS,SACTM,KAAMlB,IAAOmB,QAEfE,cAAe,OACfC,QAAS,CACPV,QAAS,SACTM,KAAMlB,IAAOmB,QAEfI,UAAW,CACTX,QAAS,SACTM,KAAMlB,IAAOmB,QAEfK,cAAe,aACfC,aAAc5B,EAAK6B,KAAKC,UACxBnB,MAAO,CACLI,QAAS,cACTC,IAAKL,IAiBHoB,EAAa,CACjBjB,WAAY,oBACZC,QAAS,iBACTV,YAAa,mBACbgB,KAAM,cACNW,gBAhBsB,CACtB,CACEjB,QAAS,WACTkB,KAAM,CACJC,MAAOzB,EACPY,KAAM,YAERc,SAAU,KAYd,OACEC,EAAAC,EAAAC,cAACC,EAAAF,EAAD,KACED,EAAAC,EAAAC,cAAA,QAAME,KAAMrC,IAAOsC,eACnBL,EAAAC,EAAAC,cAAA,aAAQpC,GACRkC,EAAAC,EAAAC,cAAA,QAAMI,IAAI,mBAAmBC,KAAK,mCAClCP,EAAAC,EAAAC,cAAA,QAAMI,IAAI,OAAOE,KAAK,YAAYC,MAAM,QAAQF,KAAK,gCACrDP,EAAAC,EAAAC,cAAA,QAAMI,IAAI,OAAOE,KAAK,YAAYC,MAAM,QAAQF,KAAK,gCACrDP,EAAAC,EAAAC,cAAA,QAAMI,IAAI,gBAAgBC,KAAK,gBAC/BP,EAAAC,EAAAC,cAAA,QAAMjB,KAAK,0BAA0ByB,QAAS3C,IAAO4C,kBACrDX,EAAAC,EAAAC,cAAA,QAAMjB,KAAK,uBAAuByB,QAAQ,sBAC1CV,EAAAC,EAAAC,cAAA,QAAMjB,KAAK,cAAcyB,QAASzC,IAClC+B,EAAAC,EAAAC,cAAA,QAAMjB,KAAK,QAAQyB,QAASnC,IAC5ByB,EAAAC,EAAAC,cAAA,QAAMU,SAAS,YAAYF,QAAS3C,IAAO8C,aAC3Cb,EAAAC,EAAAC,cAAA,QAAMU,SAAS,eAAeF,QAAS3C,IAAO+C,aAC9Cd,EAAAC,EAAAC,cAAA,QAAMU,SAAS,WAAWF,QAAS5C,IACnCkC,EAAAC,EAAAC,cAAA,QAAMU,SAAS,UAAUF,QAAQ,YACjCV,EAAAC,EAAAC,cAAA,QAAMU,SAAS,iBAAiBF,QAASzC,IACzC+B,EAAAC,EAAAC,cAAA,QAAMU,SAAS,WAAWF,QAASnC,IACnCyB,EAAAC,EAAAC,cAAA,QAAMU,SAAS,eAAeF,QAASzC,IACtCF,IAAOgD,aAAef,EAAAC,EAAAC,cAAA,QAAMU,SAAS,YAAYF,QAAS3C,IAAOgD,cAClEf,EAAAC,EAAAC,cAAA,QAAMjB,KAAK,eAAeyB,QAAQ,wBAClCV,EAAAC,EAAAC,cAAA,QAAMjB,KAAK,kBAAkByB,QAAS3C,IAAOiD,YAAcjD,IAAOiD,YAAc,KAChFhB,EAAAC,EAAAC,cAAA,QAAMjB,KAAK,gBAAgByB,QAAS5C,IACpCkC,EAAAC,EAAAC,cAAA,QAAMjB,KAAK,sBAAsByB,QAASzC,IAC1C+B,EAAAC,EAAAC,cAAA,QAAMjB,KAAK,gBAAgByB,QAASnC,IACpCyB,EAAAC,EAAAC,cAAA,QAAMjB,KAAK,oBAAoByB,QAASzC,IACxC+B,EAAAC,EAAAC,cAAA,UAAQM,KAAK,uBAAuBS,KAAKC,UAAUzC,IACnDuB,EAAAC,EAAAC,cAAA,UAAQM,KAAK,uBAAuBS,KAAKC,UAAUvB,IACnDK,EAAAC,EAAAC,cAAA,UAAQM,KAAK,kBAAkBW,IAAI,qDAAqDC,OAAK,EAACC,OAAK,MCjG1FC,iBAPA,kBACbtB,EAAAC,EAAAC,cAAAF,EAAAC,EAAAsB,SAAA,KACEvB,EAAAC,EAAAC,cAACsB,EAAD,MACAxB,EAAAC,EAAAC,cAACuB,EAAD,mCCJEC,EAAUC,IAAO1B,EAAV2B,WAAA,CAAAC,YAAA,uBAAAC,YAAA,gBAAGH,CAAH,uIAAAI,UAAA,gEAAAhC,SAAA,WAAAiC,eAAA,OAAAC,aAAA,QAAAC,YAAA,OAAAC,aAAA,OAAAC,WAAA,OAAAC,cAAA,OAAAC,4BAAA,CAAAF,WAAA,OAAAC,cAAA,QAAAE,MAAA,WAGG,SAAAC,GAAK,OAAIA,EAAMC,KAOzBC,EAAOf,IAAOgB,IAAVf,WAAA,CAAAC,YAAA,oBAAAC,YAAA,gBAAGH,CAAH,iDAAAiB,QAAA,MAAAC,WAAA,uKAAAC,SAAA,UAAAR,4BAAA,CAAAQ,SAAA,UAKJC,EAAQpB,IAAOgB,IAAVf,WAAA,CAAAC,YAAA,qBAAAC,YAAA,gBAAGH,CAAH,iDAAAY,MAAA,UAAAS,cAAA,YAAAF,SAAA,SAAAR,4BAAA,CAAAQ,SAAA,YAAAG,6BAAA,CAAAH,SAAA,WAAAI,cAAA,SAAAL,WAAA,uKAAAT,WAAA,SAKLe,EAAc,SAAAC,GAAA,IAAGtF,EAAHsF,EAAGtF,MAAOuF,EAAVD,EAAUC,KAAMC,EAAhBF,EAAgBE,SAAUb,EAA1BW,EAA0BX,GAA1B,OAClBzC,EAAAC,EAAAC,cAACwB,EAAD,CAASnB,KAAM8C,EAAME,OAAO,SAASjD,IAAI,sBAAsBmC,GAAIA,GACjEzC,EAAAC,EAAAC,cAACwC,EAAD,KAAOY,GACPtD,EAAAC,EAAAC,cAAC6C,EAAD,KAAQjF,KAIGqF,IAEfA,EAAYK,UAAY,CACtB1F,MAAO2F,IAAUC,OAAOC,WACxBN,KAAMI,IAAUC,OAChBJ,SAAUG,IAAUG,UAAU,CAACH,IAAUC,OAAQD,IAAUI,UAAUF,WACrElB,GAAIgB,IAAUC,OAAOC,YCnCvB,IC6D+BG,EDzDhBC,EAJDpC,IAAOgB,IAAVf,WAAA,CAAAC,YAAA,QAAAC,YAAA,YAAGH,CAAH,UAAAqC,MAAA,OAAAC,6BAAA,CAAAD,MAAA,aAAAE,UAAA,SAAAC,4BAAA,CAAAD,UAAA,UCALE,EAASC,YAAH,gEASNC,EAAOD,YAAH,6PAYJE,EAASF,YAAH,mEASNG,EAAaH,YAAH,oEASVI,EAAkBC,YAAH,2CACjBH,GAGEI,EAAsBD,YAAH,4CACrBF,GAGSI,EAASjD,IAAOgB,IAAVf,WAAA,CAAAC,YAAA,qBAAAC,YAAA,gBAAGH,CAAH,uBACJ8C,EADI,CAAAI,IAAA,EAAAC,MAAA,EAAAC,OAAA,EAAAC,KAAA,EAAAjF,SAAA,aAKNkF,EAAatD,IAAOgB,IAAVf,WAAA,CAAAC,YAAA,yBAAAC,YAAA,gBAAGH,CAAH,uBACRgD,EADQ,CAAAE,IAAA,EAAAC,MAAA,EAAAC,OAAA,EAAAC,KAAA,EAAAjF,SAAA,+BClDVgD,EAAQpB,IAAOuD,GAAVtD,WAAA,CAAAC,YAAA,gBAAAC,YAAA,gBAAGH,CAAH,+KAAAmB,SAAA,UAAAqB,4BAAA,CAAArB,SAAA,WAAAD,WAAA,yKAAAN,MAAA,UAAA4C,aAAA,OAAAjC,cAAA,SAAAnD,SAAA,WAAAqF,QAAA,gBAOIC,KDoDSvB,ECjDT,KDiDmBY,YAAJ,uCACtBN,EAAUN,KC5CZwB,EAAW3D,IAAOuD,GAAVtD,WAAA,CAAAC,YAAA,mBAAAC,YAAA,gBAAGH,CAAH,wDAAAmB,SAAA,OAAAqB,4BAAA,CAAArB,SAAA,QAAAD,WAAA,yKAAAN,MAAA,UAAA4C,aAAA,SAAAjC,cAAA,WAKRqC,EAAW5D,IAAO6D,EAAV5D,WAAA,CAAAC,YAAA,mBAAAC,YAAA,gBAAGH,CAAH,iDAAAmB,SAAA,SAAAqB,4BAAA,CAAArB,SAAA,WAAAD,WAAA,uKAAAN,MAAA,UAAAkD,UAAA,OAAAxB,6BAAA,CAAAD,MAAA,kBCtBR0B,UAAU/D,YAAOgE,iBAAV/D,WAAA,CAAAC,YAAA,oBAAAC,YAAA,YAAGH,CAAH,qDAAA5B,SAAA,WAAAiE,MAAA,OAAA4B,OAAA,QAEJ,SAAApD,GAAK,OAAIA,EAAMC,IAEnB,SAAAD,GAAK,OAAIA,EAAMqD,MAEZ,SAAArD,GAAK,OAAIA,EAAMsD,YAGjBC,EAAgBpE,YAAO+D,GAAV9D,WAAA,CAAAC,YAAA,0BAAAC,YAAA,YAAGH,CAAH,uDCLXqE,EAJCrE,YAAOgE,iBAAV/D,WAAA,CAAAC,YAAA,UAAAC,YAAA,YAAGH,CAAH,UAAAsE,QAAA,SAAA3D,4BAAA,CAAA2D,QAAA,QAAA9B,4BAAA,CAAA8B,QAAA,QAAAC,eAAA,SAAAC,WAAA,SAAAf,QAAA,OAAAgB,OAAA,OCDAC,2BAAS3B,YAAH,UAAAU,QAAA,OAAAnC,6BAAA,CAAAmC,QAAA,YCIb1D,EAAUC,IAAO2E,IAAV1E,WAAA,CAAAC,YAAA,eAAAC,YAAA,gBAAGH,CAAH,gFAAA5B,SAAA,YAGT,SAAAyC,GAAK,OAAIA,EAAM+D,cAAgBF,GACxB,SAAA7D,GAAK,OAAIA,EAAMgE,QACf,SAAAhE,GAAK,OAAIA,EAAMiE,UAChB,SAAAjE,GAAK,OAAIA,EAAMqD,MACf,SAAArD,GAAK,OAAIA,EAAMwC,MAChB,SAAAxC,GAAK,OAAIA,EAAMqC,MAGlB6B,EAAQ,CACZrB,SAAU,CACRsB,MACE3G,EAAAC,EAAAC,cAAA,WACE0G,YAAY,MACZC,eAAe,QACfC,iBAAiB,KACjBC,OAAO,wCAGXC,QAAS,aAEXC,OAAQ,CACNN,MACE3G,EAAAC,EAAAC,cAAA,QAAMgH,EAAE,0GAEVF,QAAS,aAEXG,QAAS,CACPR,MACE3G,EAAAC,EAAAC,cAAAF,EAAAC,EAAAsB,SAAA,KACEvB,EAAAC,EAAAC,cAAA,QAAMgH,EAAE,4JAA6J,IACrKlH,EAAAC,EAAAC,cAAA,QAAMgH,EAAE,sNAGZF,QAAS,aAEXzC,OAAQ,CACNoC,MACE3G,EAAAC,EAAAC,cAAAF,EAAAC,EAAAsB,SAAA,KACEvB,EAAAC,EAAAC,cAAA,QAAMgH,EAAE,2KACRlH,EAAAC,EAAAC,cAAA,QAAMgH,EAAE,2JAGZF,QAAS,gBAEXI,IAAK,CACHT,MACE3G,EAAAC,EAAAC,cAAA,QAAMgH,EAAE,iJAEVF,QAAS,aAEXK,KAAM,CACJV,MACE3G,EAAAC,EAAAC,cAAA,WACE2G,eAAe,QACfC,iBAAiB,KACjBC,OAAO,oEAGXC,QAAS,aAEXM,MAAO,CACLX,MACE3G,EAAAC,EAAAC,cAAA,QACE0G,YAAY,MACZM,EAAE,gUAGNF,QAAS,gBAIPO,EAAM,SAAAnE,GAAA,IAAGoD,EAAHpD,EAAGoD,OAAQX,EAAXzC,EAAWyC,KAAM7B,EAAjBZ,EAAiBY,MAAOwD,EAAxBpE,EAAwBoE,KAAMxC,EAA9B5B,EAA8B4B,KAAMH,EAApCzB,EAAoCyB,IAAK0B,EAAzCnD,EAAyCmD,aAAzC,OACVvG,EAAAC,EAAAC,cAACuH,EAAD,CACET,QAASN,EAAMc,GAAMR,QACrBR,OAAQA,EACRX,KAAMA,EACNY,SAAUiB,QAAO,GAAI1D,GACrBgB,KAAMA,EACNH,IAAKA,EACL0B,aAAcA,GAEbG,EAAMc,GAAMb,QAIFY,IAEfA,EAAI/D,UAAY,CACdgD,OAAQ/C,IAAUC,OAClBmC,KAAMpC,IAAUC,OAChBM,MAAOP,IAAUkE,OACjBH,KAAM/D,IAAUmE,MAAMC,OAAOC,KAAKpB,IAAQ/C,WAC1CqB,KAAMvB,IAAUC,OAChBmB,IAAKpB,IAAUC,OACf6C,aAAc9C,IAAUsE,MAG1BR,EAAIS,aAAe,CACjBxB,OAAQ,cACRxC,MAAO,EACP6B,KAAM,OACNb,KAAM,KACNH,IAAK,KACL0B,cAAc,GCvGhB,IAAM7E,EAAUC,IAAOgB,IAAVf,WAAA,CAAAC,YAAA,gBAAAC,YAAA,gBAAGH,CAAH,UAAAqC,MAAA,OAAAf,6BAAA,CAAAe,MAAA,eAIPiE,EAAO,SAAA7E,GAAA,IAAGE,EAAHF,EAAGE,SAAU4E,EAAb9E,EAAa8E,OAAb,OACXlI,EAAAC,EAAAC,cAAAF,EAAAC,EAAAsB,SAAA,KACEvB,EAAAC,EAAAC,cAACwF,EAAD,CAASyC,MAAO,GAAKD,OAAQA,GAC3BlI,EAAAC,EAAAC,cAAC0E,EAAD,KACE5E,EAAAC,EAAAC,cAACkI,EAAD,CAAKZ,KAAK,WAAWjB,cAAY,EAACvC,MAAO,GAAIwC,OAAQ6B,SAAOC,OAAQtD,KAAK,MAAMH,IAAI,QACnF7E,EAAAC,EAAAC,cAACkI,EAAD,CAAKZ,KAAK,OAAOxD,MAAO,GAAIwC,OAAQ6B,SAAOE,IAAKvD,KAAK,MAAMH,IAAI,QAC/D7E,EAAAC,EAAAC,cAACkI,EAAD,CAAKZ,KAAK,MAAMxD,MAAO,EAAG6B,KAAMwC,SAAO,eAAgBrD,KAAK,MAAMH,IAAI,SAExE7E,EAAAC,EAAAC,cAAC+E,EAAD,KACEjF,EAAAC,EAAAC,cAACkI,EAAD,CAAKZ,KAAK,UAAUjB,cAAY,EAACvC,MAAO,GAAI6B,KAAMwC,SAAO,aAAcrD,KAAK,MAAMH,IAAI,QACtF7E,EAAAC,EAAAC,cAACkI,EAAD,CAAKZ,KAAK,WAAWxD,MAAO,GAAIwC,OAAQ6B,SAAOG,MAAOxD,KAAK,MAAMH,IAAI,QACrE7E,EAAAC,EAAAC,cAACkI,EAAD,CAAKZ,KAAK,SAASxD,MAAO,GAAI6B,KAAMwC,SAAO,eAAgBrD,KAAK,MAAMH,IAAI,QAC1E7E,EAAAC,EAAAC,cAACkI,EAAD,CAAKZ,KAAK,WAAWxD,MAAO,GAAIwC,OAAQ6B,SAAO,gBAAiBrD,KAAK,MAAMH,IAAI,QAC/E7E,EAAAC,EAAAC,cAACkI,EAAD,CAAKZ,KAAK,QAAQxD,MAAO,GAAIwC,OAAQ6B,SAAO,cAAerD,KAAK,MAAMH,IAAI,QAC1E7E,EAAAC,EAAAC,cAACkI,EAAD,CAAKZ,KAAK,SAASxD,MAAO,EAAG6B,KAAMwC,SAAO,gBAAiBrD,KAAK,MAAMH,IAAI,QAC1E7E,EAAAC,EAAAC,cAACkI,EAAD,CAAKZ,KAAK,SAASjB,cAAY,EAACvC,MAAO,EAAG6B,KAAMwC,SAAO,gBAAiBrD,KAAK,MAAMH,IAAI,SAEzF7E,EAAAC,EAAAC,cAACkI,EAAD,CAAKZ,KAAK,SAASjB,cAAY,EAACvC,MAAO,GAAI6B,KAAMwC,SAAO,eAAgBrD,KAAK,KAAKH,IAAI,QACtF7E,EAAAC,EAAAC,cAACkI,EAAD,CAAKZ,KAAK,SAASxD,MAAO,EAAG6B,KAAMwC,SAAO,gBAAiBrD,KAAK,KAAKH,IAAI,QACzE7E,EAAAC,EAAAC,cAACkI,EAAD,CAAKZ,KAAK,SAASxD,MAAO,GAAI6B,KAAMwC,SAAO,gBAAiBrD,KAAK,MAAMH,IAAI,QAC3E7E,EAAAC,EAAAC,cAACkI,EAAD,CAAKZ,KAAK,SAASxD,MAAO,EAAG6B,KAAMwC,SAAO,gBAAiBrD,KAAK,MAAMH,IAAI,QAC1E7E,EAAAC,EAAAC,cAACkI,EAAD,CAAKZ,KAAK,SAASjB,cAAY,EAACvC,MAAO,GAAI6B,KAAMwC,SAAO,eAAgBrD,KAAK,MAAMH,IAAI,QACvF7E,EAAAC,EAAAC,cAACkI,EAAD,CAAKZ,KAAK,WAAWxD,MAAO,EAAGwC,OAAQ6B,SAAO,eAAgBrD,KAAK,MAAMH,IAAI,OAC7E7E,EAAAC,EAAAC,cAACkI,EAAD,CAAKZ,KAAK,SAASxD,MAAO,GAAI6B,KAAMwC,SAAOI,MAAOzD,KAAK,MAAMH,IAAI,OACjE7E,EAAAC,EAAAC,cAACkI,EAAD,CAAKZ,KAAK,MAAMjB,cAAY,EAACvC,MAAO,GAAI6B,KAAMwC,SAAOK,OAAQ1D,KAAK,KAAKH,IAAI,QAC3E7E,EAAAC,EAAAC,cAACkI,EAAD,CAAKZ,KAAK,MAAMxD,MAAO,EAAG6B,KAAMwC,SAAO,gBAAiBrD,KAAK,MAAMH,IAAI,QACvE7E,EAAAC,EAAAC,cAACkI,EAAD,CAAKZ,KAAK,MAAMxD,MAAO,GAAI6B,KAAMwC,SAAO,gBAAiBrD,KAAK,MAAMH,IAAI,QACxE7E,EAAAC,EAAAC,cAACkI,EAAD,CAAKZ,KAAK,OAAOxD,MAAO,GAAIwC,OAAQ6B,SAAO,eAAgBrD,KAAK,MAAMH,IAAI,QAC1E7E,EAAAC,EAAAC,cAACkI,EAAD,CAAKZ,KAAK,OAAOxD,MAAO,EAAGwC,OAAQ6B,SAAO,eAAgBrD,KAAK,MAAMH,IAAI,SAE3E7E,EAAAC,EAAAC,cAACyI,EAAD,CAASR,MAAO,GAAKD,OAAQA,GAC3BlI,EAAAC,EAAAC,cAAC0I,EAAD,KAAUtF,MAKD2E,IAEfA,EAAKzE,UAAY,CACfF,SAAUG,IAAUoF,KAAKlF,WACzBuE,OAAQzE,IAAUkE,OAAOhE,YC7C3B,IAAMmF,EAAW,SAAA1F,GAAA,IAAGE,EAAHF,EAAGE,SAAU4E,EAAb9E,EAAa8E,OAAb,OACflI,EAAAC,EAAAC,cAAAF,EAAAC,EAAAsB,SAAA,KACEvB,EAAAC,EAAAC,cAAC6F,EAAD,CACEtD,GAAG,4DACH0F,OAAQ,GACRD,OAAWA,EAAL,KACNa,OAAQ,IAEV/I,EAAAC,EAAAC,cAACyI,EAAD,CAASR,MAAO,GAAKD,OAAWA,EAAL,KAAiBa,OAAQ,GAClD/I,EAAAC,EAAAC,cAAC8I,EAAD,KAAQ1F,IAEVtD,EAAAC,EAAAC,cAACwF,EAAD,CAASyC,MAAO,GAAKD,OAAQA,EAAQa,OAAQ,GAC3C/I,EAAAC,EAAAC,cAAC0E,EAAD,KACE5E,EAAAC,EAAAC,cAACkI,EAAD,CAAKZ,KAAK,MAAMxD,MAAO,EAAG6B,KAAMwC,SAAOG,MAAOxD,KAAK,MAAMH,IAAI,QAC7D7E,EAAAC,EAAAC,cAACkI,EAAD,CAAKZ,KAAK,SAASxD,MAAO,EAAG6B,KAAMwC,SAAOY,KAAMjE,KAAK,MAAMH,IAAI,QAC/D7E,EAAAC,EAAAC,cAACkI,EAAD,CAAKZ,KAAK,WAAWxD,MAAO,EAAGwC,OAAQ6B,SAAOC,OAAQtD,KAAK,MAAMH,IAAI,OACrE7E,EAAAC,EAAAC,cAACkI,EAAD,CAAKZ,KAAK,SAASjB,cAAY,EAACvC,MAAO,GAAI6B,KAAMwC,SAAOG,MAAOxD,KAAK,MAAMH,IAAI,SAEhF7E,EAAAC,EAAAC,cAAC+E,EAAD,KACEjF,EAAAC,EAAAC,cAACkI,EAAD,CAAKZ,KAAK,UAAUjB,cAAY,EAACvC,MAAO,GAAI6B,KAAMwC,SAAOI,MAAOzD,KAAK,MAAMH,IAAI,QAC/E7E,EAAAC,EAAAC,cAACkI,EAAD,CAAKZ,KAAK,WAAWxD,MAAO,GAAIwC,OAAQ6B,SAAOG,MAAOxD,KAAK,MAAMH,IAAI,QACrE7E,EAAAC,EAAAC,cAACkI,EAAD,CAAKZ,KAAK,SAASxD,MAAO,GAAI6B,KAAMwC,SAAOa,OAAQlE,KAAK,MAAMH,IAAI,QAClE7E,EAAAC,EAAAC,cAACkI,EAAD,CAAKZ,KAAK,WAAWjB,cAAY,EAACvC,MAAO,GAAIwC,OAAQ6B,SAAOY,KAAMjE,KAAK,MAAMH,IAAI,QACjF7E,EAAAC,EAAAC,cAACkI,EAAD,CAAKZ,KAAK,SAASxD,MAAO,EAAG6B,KAAMwC,SAAOG,MAAOxD,KAAK,MAAMH,IAAI,QAChE7E,EAAAC,EAAAC,cAACkI,EAAD,CAAKZ,KAAK,SAASjB,cAAY,EAACvC,MAAO,EAAG6B,KAAMwC,SAAOI,MAAOzD,KAAK,MAAMH,IAAI,SAE/E7E,EAAAC,EAAAC,cAACkI,EAAD,CAAKZ,KAAK,SAASxD,MAAO,EAAG6B,KAAMwC,SAAOG,MAAOxD,KAAK,KAAKH,IAAI,QAC/D7E,EAAAC,EAAAC,cAACkI,EAAD,CAAKZ,KAAK,SAASxD,MAAO,GAAI6B,KAAMwC,SAAOc,KAAMnE,KAAK,MAAMH,IAAI,QAChE7E,EAAAC,EAAAC,cAACkI,EAAD,CAAKZ,KAAK,MAAMxD,MAAO,EAAG6B,KAAMwC,SAAOC,OAAQtD,KAAK,MAAMH,IAAI,QAC9D7E,EAAAC,EAAAC,cAACkI,EAAD,CAAKZ,KAAK,MAAMxD,MAAO,GAAI6B,KAAMwC,SAAOa,OAAQlE,KAAK,MAAMH,IAAI,QAC/D7E,EAAAC,EAAAC,cAACkI,EAAD,CAAKZ,KAAK,OAAOxD,MAAO,GAAIwC,OAAQ6B,SAAOE,IAAKvD,KAAK,MAAMH,IAAI,QAC/D7E,EAAAC,EAAAC,cAACkI,EAAD,CAAKZ,KAAK,OAAOxD,MAAO,EAAGwC,OAAQ6B,SAAOa,OAAQlE,KAAK,MAAMH,IAAI,WAKxDiE,IAEfA,EAAStF,UAAY,CACnBF,SAAUG,IAAUoF,KAAKlF,WACzBuE,OAAQzE,IAAUkE,OAAOhE,YCxC3B,IAAMyF,EAAQ,SAAAhG,GAAA,IAAGE,EAAHF,EAAGE,SAAU4E,EAAb9E,EAAa8E,OAAb,OACZlI,EAAAC,EAAAC,cAAAF,EAAAC,EAAAsB,SAAA,KACEvB,EAAAC,EAAAC,cAACwF,EAAD,CAASjD,GAAG,UAAUqD,SAAS,2CAA2CqC,MAAO,GAAKD,OAAQA,IAC9FlI,EAAAC,EAAAC,cAACwF,EAAD,CAASyC,MAAO,GAAKD,OAAQA,GAC3BlI,EAAAC,EAAAC,cAAC0E,EAAD,KACE5E,EAAAC,EAAAC,cAACkI,EAAD,CAAKZ,KAAK,MAAMjB,cAAY,EAACvC,MAAO,EAAG6B,KAAMwC,SAAOgB,KAAMrE,KAAK,MAAMH,IAAI,QACzE7E,EAAAC,EAAAC,cAACkI,EAAD,CAAKZ,KAAK,SAASjB,cAAY,EAACvC,MAAO,EAAG6B,KAAMwC,SAAO,gBAAiBrD,KAAK,MAAMH,IAAI,QACvF7E,EAAAC,EAAAC,cAACkI,EAAD,CAAKZ,KAAK,WAAWxD,MAAO,EAAGwC,OAAQ6B,SAAO,gBAAiBrD,KAAK,MAAMH,IAAI,OAC9E7E,EAAAC,EAAAC,cAACkI,EAAD,CAAKZ,KAAK,SAASjB,cAAY,EAACvC,MAAO,GAAI6B,KAAMwC,SAAOC,OAAQtD,KAAK,MAAMH,IAAI,SAEjF7E,EAAAC,EAAAC,cAAC+E,EAAD,KACEjF,EAAAC,EAAAC,cAACkI,EAAD,CAAKZ,KAAK,UAAUjB,cAAY,EAACvC,MAAO,GAAI6B,KAAMwC,SAAOK,OAAQ1D,KAAK,KAAKH,IAAI,QAC/E7E,EAAAC,EAAAC,cAACkI,EAAD,CAAKZ,KAAK,WAAWxD,MAAO,GAAIwC,OAAQ6B,SAAOG,MAAOxD,KAAK,MAAMH,IAAI,QACrE7E,EAAAC,EAAAC,cAACkI,EAAD,CAAKZ,KAAK,SAASxD,MAAO,EAAG6B,KAAMwC,SAAOG,MAAOxD,KAAK,MAAMH,IAAI,QAChE7E,EAAAC,EAAAC,cAACkI,EAAD,CAAKZ,KAAK,SAASjB,cAAY,EAACvC,MAAO,EAAG6B,KAAMwC,SAAO,gBAAiBrD,KAAK,MAAMH,IAAI,SAEzF7E,EAAAC,EAAAC,cAACkI,EAAD,CAAKZ,KAAK,SAASxD,MAAO,EAAG6B,KAAMwC,SAAOG,MAAOxD,KAAK,KAAKH,IAAI,QAC/D7E,EAAAC,EAAAC,cAACkI,EAAD,CAAKZ,KAAK,SAASxD,MAAO,GAAI6B,KAAMwC,SAAO,gBAAiBrD,KAAK,MAAMH,IAAI,QAC3E7E,EAAAC,EAAAC,cAACkI,EAAD,CAAKZ,KAAK,MAAMxD,MAAO,EAAG6B,KAAMwC,SAAOC,OAAQtD,KAAK,MAAMH,IAAI,QAC9D7E,EAAAC,EAAAC,cAACkI,EAAD,CAAKZ,KAAK,MAAMxD,MAAO,GAAI6B,KAAMwC,SAAO,gBAAiBrD,KAAK,MAAMH,IAAI,QACxE7E,EAAAC,EAAAC,cAACkI,EAAD,CAAKZ,KAAK,OAAOxD,MAAO,EAAGwC,OAAQ6B,SAAO,gBAAiBrD,KAAK,MAAMH,IAAI,SAE5E7E,EAAAC,EAAAC,cAACyI,EAAD,CAASR,MAAO,GAAKD,OAAQA,GAC3BlI,EAAAC,EAAAC,cAAC8I,EAAD,KAAQ1F,MAKC8F,IAEfA,EAAM5F,UAAY,CAChBF,SAAUG,IAAUoF,KAAKlF,WACzBuE,OAAQzE,IAAUkE,OAAOhE,YC/B3B,IAAM2F,GAAc3H,IAAOgB,IAAVf,WAAA,CAAAC,YAAA,uBAAAC,YAAA,gBAAGH,CAAH,yCAAA5B,SAAA,WAAAgF,OAAA,EAAAf,MAAA,SAKXuF,GAAY5H,IAAOgB,IAAVf,WAAA,CAAAC,YAAA,qBAAAC,YAAA,gBAAGH,CAAH,gDAAA5B,SAAA,WAAA6F,OAAA,QT6Cc,SAAA9B,GAAM,OAAIY,YAAJ,iDACpBJ,EAAQR,GSvCjB0F,CAAc,QAIdC,GAAU,SAAArG,GAAA,IAAGE,EAAHF,EAAGE,SAAU4E,EAAb9E,EAAa8E,OAAb,OACdlI,EAAAC,EAAAC,cAAAF,EAAAC,EAAAsB,SAAA,KACEvB,EAAAC,EAAAC,cAACwF,EAAD,CAASG,KAAK,UAAUsC,MAAO,GAAKD,OAAQA,GAC1ClI,EAAAC,EAAAC,cAACoJ,GAAD,KACEtJ,EAAAC,EAAAC,cAACqJ,GAAD,KACEvJ,EAAAC,EAAAC,cAAA,OAAKwJ,MAAM,6BAA6B1C,QAAQ,iBAAiB2C,oBAAoB,QACnF3J,EAAAC,EAAAC,cAAA,YACEF,EAAAC,EAAAC,cAAA,WACE0J,cAAc,IACdC,OAAO,4MACPC,YAAY,aACZC,IAAI,aAOhB/J,EAAAC,EAAAC,cAACyI,EAAD,CAASR,MAAO,GAAKD,OAAQA,GAC1B5E,GAEHtD,EAAAC,EAAAC,cAACwF,EAAD,CAASyC,MAAO,GAAKD,OAAQA,GAC3BlI,EAAAC,EAAAC,cAAC0E,EAAD,KACE5E,EAAAC,EAAAC,cAACkI,EAAD,CAAKZ,KAAK,SAASjB,cAAY,EAACvC,MAAO,EAAG6B,KAAMwC,SAAO,gBAAiBrD,KAAK,MAAMH,IAAI,QACvF7E,EAAAC,EAAAC,cAACkI,EAAD,CAAKZ,KAAK,WAAWxD,MAAO,EAAGwC,OAAQ6B,SAAO,gBAAiBrD,KAAK,MAAMH,IAAI,QAEhF7E,EAAAC,EAAAC,cAAC+E,EAAD,KACEjF,EAAAC,EAAAC,cAACkI,EAAD,CAAKZ,KAAK,WAAWxD,MAAO,GAAIwC,OAAQ6B,SAAOG,MAAOxD,KAAK,MAAMH,IAAI,QACrE7E,EAAAC,EAAAC,cAACkI,EAAD,CAAKZ,KAAK,SAASxD,MAAO,EAAG6B,KAAMwC,SAAOG,MAAOxD,KAAK,MAAMH,IAAI,QAChE7E,EAAAC,EAAAC,cAACkI,EAAD,CAAKZ,KAAK,SAASjB,cAAY,EAACvC,MAAO,EAAG6B,KAAMwC,SAAO,gBAAiBrD,KAAK,MAAMH,IAAI,SAEzF7E,EAAAC,EAAAC,cAACkI,EAAD,CAAKZ,KAAK,SAASxD,MAAO,EAAG6B,KAAMwC,SAAOG,MAAOxD,KAAK,KAAKH,IAAI,QAC/D7E,EAAAC,EAAAC,cAACkI,EAAD,CAAKZ,KAAK,SAASxD,MAAO,GAAI6B,KAAMwC,SAAO,gBAAiBrD,KAAK,MAAMH,IAAI,QAC3E7E,EAAAC,EAAAC,cAACkI,EAAD,CAAKZ,KAAK,MAAMxD,MAAO,GAAI6B,KAAMwC,SAAO,gBAAiBrD,KAAK,MAAMH,IAAI,QACxE7E,EAAAC,EAAAC,cAACkI,EAAD,CAAKZ,KAAK,OAAOxD,MAAO,EAAGwC,OAAQ6B,SAAO,gBAAiBrD,KAAK,MAAMH,IAAI,WAKjE4E,MAEfA,GAAQjG,UAAY,CAClBF,SAAUG,IAAUoF,KAAKlF,WACzBuE,OAAQzE,IAAUkE,OAAOhE,qCCnDZqG,GAhBD,kBACZhK,EAAAC,EAAAC,cAAA,OACE+J,UAAU,mBACVC,eAAa,KACbC,YAAU,SACVC,cAAY,QACZC,YAAU,aACVC,aAAW,OACXC,cAAY,cAEZvK,EAAAC,EAAAC,cAAA,KAAG+J,UAAU,iBAAiB1J,KAAK,2DAAnC,uBCUEiK,GAAkB7I,IAAOgB,IAAVf,WAAA,CAAAC,YAAA,yBAAAC,YAAA,gBAAGH,CAAH,oLAAAyD,QAAA,OAAAqF,SAAA,OAAAvE,eAAA,gBAAAT,UAAA,SAcfiF,GAAY/I,IAAOgB,IAAVf,WAAA,CAAAC,YAAA,mBAAAC,YAAA,gBAAGH,CAAH,UAAAyD,QAAA,OAAAuF,cAAA,SAAAxG,4BAAA,CAAAwG,cAAA,OAAAxE,WAAA,SAAAV,UAAA,SAITmF,GAASjJ,IAAOkJ,IAAVjJ,WAAA,CAAAC,YAAA,gBAAAC,YAAA,gBAAGH,CAAH,UAAAM,aAAA,SAAA+B,MAAA,OAAAf,6BAAA,CAAAe,MAAA,SAAAjC,UAAA,gEAAA6D,OAAA,SAINkF,GAAWnJ,IAAOoJ,KAAVnJ,WAAA,CAAAC,YAAA,kBAAAC,YAAA,gBAAGH,CAAH,UAAAY,MAAA,UAAAH,WAAA,OAAA+B,4BAAA,CAAA/B,WAAA,IAAAF,YAAA,OAAAY,SAAA,YAAAA,SAAA,SAAAG,6BAAA,CAAAH,SAAA,aAYRkI,IARYrJ,IAAO6D,EAAV5D,WAAA,CAAAC,YAAA,mBAAAC,YAAA,gBAAGH,CAAH,UAAAY,MAAA,UAAAO,SAAA,WAAAR,4BAAA,CAAAQ,SAAA,UAAAV,WAAA,QAAA+B,4BAAA,CAAArB,SAAA,UAAAD,WAAA,uKAAAT,WAAA,SAAA8B,UAAA,YAIKvC,IAAO6D,EAAV5D,WAAA,CAAAC,YAAA,qBAAAC,YAAA,gBAAGH,CAAH,UAAAY,MAAA,UAAAM,WAAA,uKAAAC,SAAA,UAAAR,4BAAA,CAAAQ,SAAA,UAAAqB,4BAAA,CAAArB,SAAA,cAIFnB,IAAOsJ,OAAVrJ,WAAA,CAAAC,YAAA,gBAAAC,YAAA,gBAAGH,CAAH,UAAAuC,UAAA,SAAA3B,MAAA,UAAAxC,SAAA,WAAAgF,OAAA,EAAAkB,QAAA,SAAApD,WAAA,uKAAAsB,4BAAA,CAAArB,SAAA,eAwFGoI,UApFD,kBACZlL,EAAAC,EAAAC,cAAAF,EAAAC,EAAAsB,SAAA,KACEvB,EAAAC,EAAAC,cAACiL,EAAD,MACAnL,EAAAC,EAAAC,cAACkL,EAAA,SAAD,CAAUC,MAAO,GACfrL,EAAAC,EAAAC,cAACoL,EAAD,CAAMpD,OAAQ,GACZlI,EAAAC,EAAAC,cAACoF,EAAD,eACStF,EAAAC,EAAAC,cAAA,WADT,qBAGAF,EAAAC,EAAAC,cAACqF,EAAD,qJAC4DvF,EAAAC,EAAAC,cAAA,KAAGK,KAAK,iCAAR,WAG9DP,EAAAC,EAAAC,cAACqL,EAAD,CAAUrD,OAAQ,GAChBlI,EAAAC,EAAAC,cAACsL,EAAD,wBACAxL,EAAAC,EAAAC,cAACsK,GAAD,KACExK,EAAAC,EAAAC,cAACuL,EAAD,CACE3N,MAAM,QACNuF,KAAK,wBACLZ,GAAG,uDAHL,0EAOAzC,EAAAC,EAAAC,cAACuL,EAAD,CACE3N,MAAM,UACNuF,KAAK,0BACLZ,GAAG,uDAHL,oGAOAzC,EAAAC,EAAAC,cAACuL,EAAD,CACE3N,MAAM,WACNuF,KAAK,2BACLZ,GAAG,uDAHL,4EAOAzC,EAAAC,EAAAC,cAACuL,EAAD,CACE3N,MAAM,oBACNuF,KAAK,4BACLZ,GAAG,uDAHL,yFAOAzC,EAAAC,EAAAC,cAACuL,EAAD,CACE3N,MAAM,UACNuF,KAAK,0BACLZ,GAAG,uDAHL,8DAOAzC,EAAAC,EAAAC,cAACuL,EAAD,CACE3N,MAAM,UACNuF,KAAK,mCACLZ,GAAG,uDAHL,gFAOAzC,EAAAC,EAAAC,cAACuL,EAAD,CAAa3N,MAAM,kBAAkB2E,GAAG,uDAAxC,mHAMJzC,EAAAC,EAAAC,cAACwL,EAAD,CAAOxD,OAAQ,GACblI,EAAAC,EAAAC,cAACsL,EAAD,cACAxL,EAAAC,EAAAC,cAACwK,GAAD,KACE1K,EAAAC,EAAAC,cAAC0K,GAAD,CAAQzJ,IAAKwK,KAAQC,IAAI,gBACzB5L,EAAAC,EAAAC,cAAC4K,GAAD,gMAMJ9K,EAAAC,EAAAC,cAAC2L,GAAD,CAAS3D,OAAQ,KACflI,EAAAC,EAAAC,cAAC8I,EAAD,KACEhJ,EAAAC,EAAAC,cAACsL,EAAD,qBACAxL,EAAAC,EAAAC,cAAC4L,GAAD,OAEF9L,EAAAC,EAAAC,cAAC8K,GAAD,WAAgB,IAAIe,MAAOC,8CC/GbC,EAAQ,IAARA,GAAtB,IAkBM5D,EAAS,CACb6D,YAAa,cAEbC,aAAc,UACdC,YAAa,UAEbC,MAAO,UACPC,eAAgB,UAChBC,cAAe,UACfC,YAAa,UACbC,KAAM,UACNC,aAAc,UACdC,eAAgB,UAChBC,gBAAiB,UACjBpE,MAAO,UAEPqE,cAAe,UACfC,aAAc,UACdC,WAAY,UACZxE,IAAK,UACLyE,YAAa,UACbC,cAAe,UACfC,eAAgB,UAEhBC,iBAAkB,UAClBC,gBAAiB,UACjBC,cAAe,UACf/E,OAAQ,UACRgF,eAAgB,UAChBC,iBAAkB,UAClBC,kBAAmB,UAEnBC,iBAAkB,UAClBC,gBAAiB,UACjBC,cAAe,UACfzE,OAAQ,UACR0E,eAAgB,UAChBC,iBAAkB,UAClBC,kBAAmB,UAEnBC,gBAAiB,UACjBC,eAAgB,UAChBC,aAAc,UACdxF,MAAO,UACPyF,cAAe,UACfC,gBAAiB,UACjBC,iBAAkB,UAElBC,eAAgB,UAChBC,cAAe,UACfC,YAAa,UACbtF,KAAM,UACNuF,aAAc,UACdC,eAAgB,UAChBC,gBAAiB,UAEjBC,eAAgB,UAChBC,cAAe,UACfC,YAAa,UACbxF,KAAM,UACNyF,aAAc,UACdC,eAAgB,UAChBC,gBAAiB,UAEjBC,iBAAkB,UAClBC,gBAAiB,UACjBC,cAAe,UACfC,OAAQ,UACRC,eAAgB,UAChBC,iBAAkB,UAClBC,kBAAmB,UAEnBC,iBAAkB,UAClBC,gBAAiB,UACjBC,cAAe,UACfhH,OAAQ,UACRiH,eAAgB,UAChBC,iBAAkB,UAClBC,kBAAmB,UAEnBC,eAAgB,UAChBC,cAAe,UACfC,YAAa,UACb7G,KAAM,UACN8G,aAAc,UACdC,eAAgB,UAChBC,gBAAiB,WAGnBC,EAAOC,QAAU,CAcfhI,SAqBAiI,QAAS,CACPC,GAAI,QACJC,GAAI,QACJC,GAAI,QACJC,GAAI,SACJC,IAAK,UAqBPC,MAAO,CACLC,KAAM,CACJ,YACA,gBACA,qBACA,WACA,SACA,SACA,SACA,YACA,YACA,aACA,iBACA,cAEFC,MAAO,CACL,cACA,aACA,gBACA,eACA,eACA,SACA,eACA,uBACA,mBACA,UACA,SAEFC,KAAM,CAAC,QAAS,SAAU,WAAY,kBAAmB,cAAe,cAsB1EC,UAAW,CACTC,GAAI,SACJV,GAAI,UACJW,KAAM,OACNT,GAAI,WACJC,GAAI,UACJS,MAAO,SACPC,MAAO,WACPC,MAAO,UACPC,MAAO,OACPC,MAAO,OACPC,MAAO,QAiBTC,YAAa,CACXC,SAAU,IACVC,KAAM,IACNC,MAAO,IACPC,OAAQ,IACRC,OAAQ,IACRC,SAAU,IACVC,KAAM,IACNC,UAAW,IACX5F,MAAO,KAeT6F,QAAS,CACPC,KAAM,EACNC,MAAO,KACPP,OAAQ,IACRQ,MAAO,GAeTC,SAAU,CACRF,MAAO,UACPP,OAAQ,IACRU,KAAM,UAgBRC,WAAYnK,EAeZoK,iBAAkBpK,EAelBqK,aAAc,CACZC,QAAS,MACTC,EAAK,IACLC,EAAK,MACLC,EAAK,MACLC,EAAK,OAoBPC,aAAcnL,OAAOoL,OAAO,CAAEN,QAAStK,EAAO,eAAiBA,GAkB/DpG,aAAc,CACZkQ,KAAM,IACN5B,GAAI,UACJoC,QAAS,SACTlC,GAAI,QACJyC,KAAM,UAuBRlP,MAAO,CACLmP,KAAM,OACNC,GAAI,MACJC,EAAK,UACLR,EAAK,SACLS,EAAK,UACLR,EAAK,OACLS,EAAK,SACLR,EAAK,OACLS,GAAM,SACNC,GAAM,OACNC,GAAM,OACNC,GAAM,OACNC,GAAM,OACNC,GAAM,QACNC,GAAM,QACNC,MAAO,MACPC,MAAO,YACPC,MAAO,YACPC,MAAO,MACPC,MAAO,MACPC,MAAO,MACPC,MAAO,MACPC,MAAO,MACPC,MAAO,MACPC,MAAO,YACPC,MAAO,YACPvB,KAAM,OACNwB,OAAQ,SAkBV9O,OAAQ,CACNuN,KAAM,OACNC,GAAI,MACJC,EAAK,UACLR,EAAK,SACLS,EAAK,UACLR,EAAK,OACLS,EAAK,SACLR,EAAK,OACLS,GAAM,SACNC,GAAM,OACNC,GAAM,OACNC,GAAM,OACNC,GAAM,OACNC,GAAM,QACNC,GAAM,QACNZ,KAAM,OACNwB,OAAQ,SAiBVC,SAAU,CACR/B,EAAK,IACLM,KAAM,QAiBR0B,UAAW,CACThC,EAAK,IACLM,KAAM,OACNwB,OAAQ,SAkBVG,SAAU,CACR5D,GAAI,QACJV,GAAI,QACJC,GAAI,QACJC,GAAI,QACJC,GAAI,QACJS,MAAO,QACPC,MAAO,QACPC,MAAO,QACPC,MAAO,SACP4B,KAAM,QAiBR4B,UAAW,CACT5B,KAAM,OACNwB,OAAQ,SAkBVzO,QAAS,CACPmN,GAAI,MACJR,EAAK,IACLS,EAAK,UACLR,EAAK,SACLS,EAAK,UACLR,EAAK,OACLS,EAAK,SACLR,EAAK,OACLU,GAAM,OACNC,GAAM,OACNC,GAAM,OACNC,GAAM,QAkBRmB,OAAQ,CACN5B,KAAM,OACNC,GAAI,MACJR,EAAK,IACLS,EAAK,UACLR,EAAK,SACLS,EAAK,UACLR,EAAK,OACLS,EAAK,SACLR,EAAK,QAkBPiC,eAAgB,CACd5B,GAAI,MACJR,EAAK,IACLS,EAAK,UACLR,EAAK,SACLS,EAAK,UACLR,EAAK,OACLS,EAAK,SACLR,EAAK,QAmBPkC,QAAS,CACPtC,QAAS,+BACTnC,GAAI,6DACJC,GAAI,gEACJyE,MAAO,qCACP/C,KAAM,QAgBR/L,OAAQ,CACN+M,KAAM,OACNP,EAAK,EACLY,GAAM,GACN2B,GAAM,GACNC,GAAM,GACNC,GAAM,GACNC,GAAM,IAgBR1S,QAAS,CACPgQ,EAAK,IACL2C,GAAM,MACND,GAAM,KACNE,GAAM,MACNC,IAAO,KAaTC,QAAS,CACPC,OAAQ,GACRC,WAAW,2FC/uBf,IAAMC,EAAW5J,EAAQ,KAEzBmE,EAAOC,QAAU,CACfjS,WAAY,IAEZJ,UAAW,cACX8X,aAAc,oBACdC,eAAgB,QAChBjX,aAAc,wBACdR,QAAS,6BACT+B,aAAc,KACd7B,SAAU,YACVN,gBAAiB,wCACjBgB,OAAQ,aAER8B,YAAa,eAGbgV,WAAYH,EAASxN,OAAOC,OAC5B3H,gBAAiBkV,EAASxN,OAAOgB,yBCnBnC+G,EAAAC,QAAA,8YCAAD,EAAAC,QAAiB4F,EAAAzQ,EAAuB","file":"component---src-pages-index-jsx-25d8e6cdb9b1b72892ac.js","sourcesContent":["import { createGlobalStyle } from 'styled-components'\n\nconst GlobalStyle = createGlobalStyle`\n  *, *:before, *:after {\n    box-sizing: inherit;\n  }\n  html {\n    text-rendering: optimizeLegibility;\n    overflow-x: hidden;\n    box-sizing: border-box;\n    -ms-overflow-style: scrollbar;\n    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n    background-color: #161719;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n  }\n  html, body {\n    width: 100%;\n    height: 100%;\n    margin: 0;\n    padding: 0;\n  }\n  a {\n    color: #e07628;\n    text-decoration: none;\n  }\n`\n\nexport default GlobalStyle\n","import React from 'react'\r\nimport Helmet from 'react-helmet'\r\nimport { graphql, useStaticQuery } from 'gatsby'\r\nimport config from '../../config/website'\r\n\r\nconst SEO = () => {\r\n  const data = useStaticQuery(\r\n    graphql`\r\n      query SEO {\r\n        site {\r\n          buildTime(formatString: \"YYYY-MM-DD\")\r\n        }\r\n      }\r\n    `\r\n  )\r\n\r\n  const title = config.siteTitle\r\n  const description = config.siteDescription\r\n\r\n  const realPrefix = config.pathPrefix === '/' ? '' : config.pathPrefix\r\n  const homeURL = `${config.siteUrl}${realPrefix}`\r\n  const image = `${homeURL}${config.siteLogo}`\r\n\r\n  // schema.org in JSONLD format\r\n  // https://developers.google.com/search/docs/guides/intro-structured-data\r\n  // You can fill out the 'author', 'creator' with more data or another type (e.g. 'Organization')\r\n\r\n  const schemaOrgWebPage = {\r\n    '@context': 'http://schema.org',\r\n    '@type': 'WebPage',\r\n    url: homeURL,\r\n    headline: config.siteHeadline,\r\n    inLanguage: 'en',\r\n    mainEntityOfPage: homeURL,\r\n    description: config.siteDescription,\r\n    name: config.siteTitle,\r\n    author: {\r\n      '@type': 'Person',\r\n      name: config.author,\r\n    },\r\n    copyrightHolder: {\r\n      '@type': 'Person',\r\n      name: config.author,\r\n    },\r\n    copyrightYear: '2019',\r\n    creator: {\r\n      '@type': 'Person',\r\n      name: config.author,\r\n    },\r\n    publisher: {\r\n      '@type': 'Person',\r\n      name: config.author,\r\n    },\r\n    datePublished: '2019-01-17',\r\n    dateModified: data.site.buildTime,\r\n    image: {\r\n      '@type': 'ImageObject',\r\n      url: image,\r\n    },\r\n  }\r\n\r\n  // Initial breadcrumb list\r\n\r\n  const itemListElement = [\r\n    {\r\n      '@type': 'ListItem',\r\n      item: {\r\n        '@id': homeURL,\r\n        name: 'Homepage',\r\n      },\r\n      position: 1,\r\n    },\r\n  ]\r\n\r\n  const breadcrumb = {\r\n    '@context': 'http://schema.org',\r\n    '@type': 'BreadcrumbList',\r\n    description: 'Breadcrumbs list',\r\n    name: 'Breadcrumbs',\r\n    itemListElement,\r\n  }\r\n\r\n  return (\r\n    <Helmet>\r\n      <html lang={config.siteLanguage} />\r\n      <title>{title}</title>\r\n      <link rel=\"apple-touch-icon\" href=\"/favicons/apple-touch-icon.png\" />\r\n      <link rel=\"icon\" type=\"image/png\" sizes=\"32x32\" href=\"/favicons/favicon-32x32.png\" />\r\n      <link rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"/favicons/favicon-16x16.png\" />\r\n      <link rel=\"shortcut icon\" href=\"favicon.ico\" />\r\n      <meta name=\"msapplication-TileColor\" content={config.backgroundColor} />\r\n      <meta name=\"msapplication-config\" content=\"browserconfig.xml\" />\r\n      <meta name=\"description\" content={description} />\r\n      <meta name=\"image\" content={image} />\r\n      <meta property=\"og:locale\" content={config.ogLanguage} />\r\n      <meta property=\"og:site_name\" content={config.ogSiteName} />\r\n      <meta property=\"og:title\" content={title} />\r\n      <meta property=\"og:type\" content=\"website\" />\r\n      <meta property=\"og:description\" content={description} />\r\n      <meta property=\"og:image\" content={image} />\r\n      <meta property=\"og:image:alt\" content={description} />\r\n      {config.siteFBAppID && <meta property=\"fb:app_id\" content={config.siteFBAppID} />}\r\n      <meta name=\"twitter:card\" content=\"summary_large_image\" />\r\n      <meta name=\"twitter:creator\" content={config.userTwitter ? config.userTwitter : ''} />\r\n      <meta name=\"twitter:title\" content={title} />\r\n      <meta name=\"twitter:description\" content={description} />\r\n      <meta name=\"twitter:image\" content={image} />\r\n      <meta name=\"twitter:image:alt\" content={description} />\r\n      <script type=\"application/ld+json\">{JSON.stringify(schemaOrgWebPage)}</script>\r\n      <script type=\"application/ld+json\">{JSON.stringify(breadcrumb)}</script>\r\n      <script type=\"text/javascript\" src=\"https://platform.linkedin.com/badges/js/profile.js\" async defer></script>\r\n    </Helmet>\r\n  )\r\n}\r\n\r\nexport default SEO\r\n","import React from 'react'\nimport GlobalStyle from '../styles/global'\nimport SEO from './SEO'\nimport 'typeface-cantata-one'\nimport 'typeface-open-sans'\n\nconst Layout = () => (\n  <>\n    <SEO />\n    <GlobalStyle />\n  </>\n)\n\nexport default Layout\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport styled from 'styled-components'\nimport tw from 'tailwind.macro'\n\nconst Wrapper = styled.a`\n  width: 100%;\n  ${tw`shadow-lg relative no-underline rounded-lg px-8 py-8 md:py-24 text-white`};\n  background: ${props => props.bg};\n  transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n  &:hover {\n    transform: translateY(-5px);\n  }\n`\n\nconst Text = styled.div`\n  ${tw`opacity-75 font-sans text-sm md:text-base`};\n  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);\n`\n\nconst Title = styled.div`\n  ${tw`text-white uppercase text-2xl md:text-3xl xl:text-4xl tracking-wide font-sans pt-8`};\n  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);\n`\n\nconst ProjectCard = ({ title, link, children, bg }) => (\n  <Wrapper href={link} target=\"_blank\" rel=\"noopener noreferrer\" bg={bg}>\n    <Text>{children}</Text>\n    <Title>{title}</Title>\n  </Wrapper>\n)\n\nexport default ProjectCard\n\nProjectCard.propTypes = {\n  title: PropTypes.string.isRequired,\n  link: PropTypes.string,\n  children: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).isRequired,\n  bg: PropTypes.string.isRequired,\n}\n","import tw from 'tailwind.macro'\nimport styled from 'styled-components'\n\nconst Inner = styled.div`\n  ${tw`w-full xxl:w-2/3 text-center lg:text-left`};\n`\n\nexport default Inner\n","import tw from 'tailwind.macro'\nimport styled, { keyframes, css } from 'styled-components'\n\nconst rotate = keyframes`\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(360deg);\n  }\n`\n\nconst wave = keyframes`\n  0% {\n    d: path(\"M 0 100 Q 250 50 400 200 Q 550 350 800 300 L 800 0 L 0 0 L 0 100 Z\");\n  }\n  50% {\n    d: path(\"M 0 100 Q 200 150 400 200 Q 600 250 800 300 L 800 0 L 0 0 L 0 100 Z\");\n  }\n  100% {\n    d: path(\"M 0 100 Q 150 350 400 200 Q 650 50 800 300 L 800 0 L 0 0 L 0 100 Z\");\n  }\n`\n\nconst upDown = keyframes`\n  from {\n    transform: translateY(0);\n  }\n  to {\n    transform: translateY(30px);\n  }\n`\n\nconst upDownWide = keyframes`\n  from {\n    transform: translateY(0);\n  }\n  to {\n    transform: translateY(200px);\n  }\n`\n\nconst upDownAnimation = css`\n  ${upDown} 4s ease-in-out infinite alternate;\n`\n\nconst upDownWideAnimation = css`\n  ${upDownWide} 18s ease-in-out infinite alternate;\n`\n\nexport const UpDown = styled.div`\n  animation: ${upDownAnimation};\n  ${tw`pin absolute`};\n`\n\nexport const UpDownWide = styled.div`\n  animation: ${upDownWideAnimation};\n  ${tw`pin absolute`};\n`\n\nexport const waveAnimation = length => css`\n  animation: ${wave} ${length} linear infinite alternate;\n`\n\nexport const rotateAnimation = length => css`\n  animation: ${rotate} ${length} linear infinite;\n`\n","import styled from 'styled-components'\nimport tw from 'tailwind.macro'\nimport { rotateAnimation } from '../styles/animations'\nimport triangle from '../images/triangle.svg'\n\nexport const Title = styled.h1`\n  ${tw`text-4xl lg:text-4xl font-serif text-white mb-8 tracking-wide relative inline-block`};\n  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);\n  &:before {\n    content: '';\n    width: 40px;\n    height: 40px;\n    background: url(${triangle});\n    position: absolute;\n    background-size: 40px;\n    ${rotateAnimation('4s')};\n    left: -60px;\n    top: 5px;\n  }\n`\n\nexport const BigTitle = styled.h1`\n  ${tw`text-5xl lg:text-6xl font-serif text-white mb-6 tracking-wide`};\n  text-shadow: 0 5px 35px rgba(255, 255, 255, 0.15);\n`\n\nexport const Subtitle = styled.p`\n  ${tw`text-2xl lg:text-4xl font-sans text-white mt-8 xxl:w-3/4`};\n  text-shadow: 0 2px 15px rgba(0, 0, 0, 0.2);\n`\n","import styled from 'styled-components'\nimport tw from 'tailwind.macro'\nimport { ParallaxLayer } from 'react-spring/renderprops-addons.cjs'\n\nexport const Divider = styled(ParallaxLayer)`\n  ${tw`absolute w-full h-full`};\n  background: ${props => props.bg};\n  svg {\n    fill: ${props => props.fill};\n  }\n  clip-path: ${props => props.clipPath};\n`\n\nexport const DividerMiddle = styled(Divider)`\n  clip-path: polygon(0 15%, 100% 25%, 100% 85%, 0 75%);\n`\n","import styled from 'styled-components'\nimport tw from 'tailwind.macro'\nimport { ParallaxLayer } from 'react-spring/renderprops-addons.cjs'\n\nconst Content = styled(ParallaxLayer)`\n  ${tw`p-6 md:p-12 lg:p-24 justify-center items-center flex z-50`};\n`\n\nexport default Content\n","import tw from 'tailwind.macro'\nimport { css } from 'styled-components'\n\nexport const hidden = css`\n  ${tw`hidden xl:block`};\n`\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport styled from 'styled-components'\nimport tw from 'tailwind.macro'\nimport { width as twWidth } from '../../tailwind'\nimport { hidden } from '../styles/utils'\n\nconst Wrapper = styled.svg`\n  ${tw`absolute`};\n  stroke: currentColor;\n  ${props => props.hiddenMobile && hidden};\n  color: ${props => props.stroke};\n  width: ${props => props.svgWidth};\n  fill: ${props => props.fill};\n  left: ${props => props.left};\n  top: ${props => props.top};\n`\n\nconst icons = {\n  triangle: {\n    shape: (\n      <polygon\n        strokeWidth=\"1px\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit=\"10\"\n        points=\"14.921,2.27 28.667,25.5 1.175,25.5 \"\n      />\n    ),\n    viewBox: '0 0 30 30',\n  },\n  circle: {\n    shape: (\n      <path d=\"M15,30A15,15,0,1,1,30,15,15,15,0,0,1,15,30ZM15,6.23A8.77,8.77,0,1,0,23.77,15,8.77,8.77,0,0,0,15,6.23Z\" />\n    ),\n    viewBox: '0 0 30 30',\n  },\n  arrowUp: {\n    shape: (\n      <>\n        <path d=\"M28.74,20.81H1.26a1.26,1.26,0,0,1-1-2L14.16.5a1.25,1.25,0,0,1,1-.5h0a1.24,1.24,0,0,1,1,.51L29.75,18.8a1.25,1.25,0,0,1-1,2ZM3.81,18.29H26.22L15.16,3.37Z\" />{' '}\n        <path d=\"M28.74,42H1.26a1.28,1.28,0,0,1-1.13-.71A1.26,1.26,0,0,1,.26,40l13.9-18.29a1.28,1.28,0,0,1,1-.5h0a1.24,1.24,0,0,1,1,.51L29.75,40a1.26,1.26,0,0,1,.12,1.32A1.28,1.28,0,0,1,28.74,42ZM3.81,39.47H26.22L15.16,24.55Z\" />\n      </>\n    ),\n    viewBox: '0 0 30 42',\n  },\n  upDown: {\n    shape: (\n      <>\n        <path d=\"M28.74,44.58a1.28,1.28,0,0,1-1-.51L15.16,27.13l-12.89,17a1.26,1.26,0,1,1-2-1.53l13.9-18.29a1.34,1.34,0,0,1,1-.5,1.24,1.24,0,0,1,1,.51L29.75,42.56a1.27,1.27,0,0,1-1,2Z\" />\n        <path d=\"M14.83,20.82h0a1.28,1.28,0,0,1-1-.52L.25,2a1.27,1.27,0,0,1,2-1.51L14.84,17.45,27.73.5a1.26,1.26,0,0,1,2,1.53L15.84,20.32A1.28,1.28,0,0,1,14.83,20.82Z\" />\n      </>\n    ),\n    viewBox: '0 0 30 44.58',\n  },\n  box: {\n    shape: (\n      <path d=\"M28,2V28H2V2H28m.13-2H1.88A1.88,1.88,0,0,0,0,1.88V28.13A1.88,1.88,0,0,0,1.88,30H28.13A1.87,1.87,0,0,0,30,28.13V1.88A1.88,1.88,0,0,0,28.13,0Z\" />\n    ),\n    viewBox: '0 0 30 30',\n  },\n  hexa: {\n    shape: (\n      <polygon\n        strokeLinejoin=\"round\"\n        strokeMiterlimit=\"10\"\n        points=\"27.5,21.904 15,28.809  2.5,21.904 2.5,8.095 15,1.19 27.5,8.095 \"\n      />\n    ),\n    viewBox: '0 0 30 30',\n  },\n  cross: {\n    shape: (\n      <path\n        strokeWidth=\"3px\"\n        d=\"M60.5,50l34.8-34.8c2.9-2.9,2.9-7.6,0-10.5c-2.9-2.9-7.6-2.9-10.5,0L50,39.5L15.2,4.7c-2.9-2.9-7.6-2.9-10.5,0    c-2.9,2.9-2.9,7.6,0,10.5L39.5,50L4.7,84.8c-2.9,2.9-2.9,7.6,0,10.5c1.4,1.4,3.3,2.2,5.2,2.2s3.8-0.7,5.2-2.2L50,60.5l34.8,34.8    c1.4,1.4,3.3,2.2,5.2,2.2c1.9,0,3.8-0.7,5.2-2.2c2.9-2.9,2.9-7.6,0-10.5L60.5,50z\"\n      />\n    ),\n    viewBox: '0 0 100 100',\n  },\n}\n\nconst SVG = ({ stroke, fill, width, icon, left, top, hiddenMobile }) => (\n  <Wrapper\n    viewBox={icons[icon].viewBox}\n    stroke={stroke}\n    fill={fill}\n    svgWidth={twWidth[`${width}`]}\n    left={left}\n    top={top}\n    hiddenMobile={hiddenMobile}\n  >\n    {icons[icon].shape}\n  </Wrapper>\n)\n\nexport default SVG\n\nSVG.propTypes = {\n  stroke: PropTypes.string,\n  fill: PropTypes.string,\n  width: PropTypes.number,\n  icon: PropTypes.oneOf(Object.keys(icons)).isRequired,\n  left: PropTypes.string,\n  top: PropTypes.string,\n  hiddenMobile: PropTypes.bool,\n}\n\nSVG.defaultProps = {\n  stroke: 'transparent',\n  width: 8,\n  fill: 'none',\n  left: '0%',\n  top: '0%',\n  hiddenMobile: false,\n}\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport styled from 'styled-components'\nimport tw from 'tailwind.macro'\nimport { colors } from '../../tailwind'\nimport { Divider } from '../elements/Dividers'\nimport Content from '../elements/Content'\nimport { UpDown, UpDownWide } from '../styles/animations'\nimport SVG from '../components/SVG'\n\nconst Wrapper = styled.div`\n  ${tw`w-full xl:w-2/3`};\n`\n\nconst Hero = ({ children, offset }) => (\n  <>\n    <Divider speed={0.2} offset={offset}>\n      <UpDown>\n        <SVG icon=\"triangle\" hiddenMobile width={48} stroke={colors.orange} left=\"10%\" top=\"20%\" />\n        <SVG icon=\"hexa\" width={48} stroke={colors.red} left=\"60%\" top=\"70%\" />\n        <SVG icon=\"box\" width={6} fill={colors['grey-darker']} left=\"60%\" top=\"15%\" />\n      </UpDown>\n      <UpDownWide>\n        <SVG icon=\"arrowUp\" hiddenMobile width={16} fill={colors['blue-dark']} left=\"80%\" top=\"10%\" />\n        <SVG icon=\"triangle\" width={12} stroke={colors.white} left=\"90%\" top=\"50%\" />\n        <SVG icon=\"circle\" width={16} fill={colors['grey-darker']} left=\"70%\" top=\"90%\" />\n        <SVG icon=\"triangle\" width={16} stroke={colors['grey-darkest']} left=\"30%\" top=\"65%\" />\n        <SVG icon=\"cross\" width={16} stroke={colors['pink-light']} left=\"28%\" top=\"15%\" />\n        <SVG icon=\"circle\" width={6} fill={colors['grey-darkest']} left=\"75%\" top=\"10%\" />\n        <SVG icon=\"upDown\" hiddenMobile width={8} fill={colors['grey-darkest']} left=\"45%\" top=\"10%\" />\n      </UpDownWide>\n      <SVG icon=\"circle\" hiddenMobile width={24} fill={colors['grey-darker']} left=\"5%\" top=\"70%\" />\n      <SVG icon=\"circle\" width={6} fill={colors['grey-darkest']} left=\"4%\" top=\"20%\" />\n      <SVG icon=\"circle\" width={12} fill={colors['grey-darkest']} left=\"50%\" top=\"60%\" />\n      <SVG icon=\"upDown\" width={8} fill={colors['grey-darkest']} left=\"95%\" top=\"90%\" />\n      <SVG icon=\"upDown\" hiddenMobile width={24} fill={colors['grey-darker']} left=\"40%\" top=\"80%\" />\n      <SVG icon=\"triangle\" width={8} stroke={colors['grey-darker']} left=\"25%\" top=\"5%\" />\n      <SVG icon=\"circle\" width={64} fill={colors.green} left=\"95%\" top=\"5%\" />\n      <SVG icon=\"box\" hiddenMobile width={64} fill={colors.purple} left=\"5%\" top=\"90%\" />\n      <SVG icon=\"box\" width={6} fill={colors['grey-darkest']} left=\"10%\" top=\"10%\" />\n      <SVG icon=\"box\" width={12} fill={colors['grey-darkest']} left=\"40%\" top=\"30%\" />\n      <SVG icon=\"hexa\" width={16} stroke={colors['grey-darker']} left=\"10%\" top=\"50%\" />\n      <SVG icon=\"hexa\" width={8} stroke={colors['grey-darker']} left=\"80%\" top=\"70%\" />\n    </Divider>\n    <Content speed={0.4} offset={offset}>\n      <Wrapper>{children}</Wrapper>\n    </Content>\n  </>\n)\n\nexport default Hero\n\nHero.propTypes = {\n  children: PropTypes.node.isRequired,\n  offset: PropTypes.number.isRequired,\n}\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport { Divider, DividerMiddle } from '../elements/Dividers'\nimport Content from '../elements/Content'\nimport Inner from '../elements/Inner'\nimport { UpDown, UpDownWide } from '../styles/animations'\nimport { colors } from '../../tailwind'\nimport SVG from '../components/SVG'\n\nconst Projects = ({ children, offset }) => (\n  <>\n    <DividerMiddle\n      bg=\"linear-gradient(to right, SlateBlue 0%, DeepSkyBlue 100%)\"\n      speed={-0.2}\n      offset={`${offset}.1`}\n      factor={2}\n    />\n    <Content speed={0.4} offset={`${offset}.2`} factor={2}>\n      <Inner>{children}</Inner>\n    </Content>\n    <Divider speed={0.1} offset={offset} factor={2}>\n      <UpDown>\n        <SVG icon=\"box\" width={6} fill={colors.white} left=\"85%\" top=\"75%\" />\n        <SVG icon=\"upDown\" width={8} fill={colors.teal} left=\"70%\" top=\"20%\" />\n        <SVG icon=\"triangle\" width={8} stroke={colors.orange} left=\"25%\" top=\"5%\" />\n        <SVG icon=\"circle\" hiddenMobile width={24} fill={colors.white} left=\"17%\" top=\"60%\" />\n      </UpDown>\n      <UpDownWide>\n        <SVG icon=\"arrowUp\" hiddenMobile width={16} fill={colors.green} left=\"20%\" top=\"90%\" />\n        <SVG icon=\"triangle\" width={12} stroke={colors.white} left=\"90%\" top=\"30%\" />\n        <SVG icon=\"circle\" width={16} fill={colors.yellow} left=\"70%\" top=\"90%\" />\n        <SVG icon=\"triangle\" hiddenMobile width={16} stroke={colors.teal} left=\"18%\" top=\"75%\" />\n        <SVG icon=\"circle\" width={6} fill={colors.white} left=\"75%\" top=\"10%\" />\n        <SVG icon=\"upDown\" hiddenMobile width={8} fill={colors.green} left=\"45%\" top=\"10%\" />\n      </UpDownWide>\n      <SVG icon=\"circle\" width={6} fill={colors.white} left=\"4%\" top=\"20%\" />\n      <SVG icon=\"circle\" width={12} fill={colors.pink} left=\"80%\" top=\"60%\" />\n      <SVG icon=\"box\" width={6} fill={colors.orange} left=\"10%\" top=\"10%\" />\n      <SVG icon=\"box\" width={12} fill={colors.yellow} left=\"29%\" top=\"26%\" />\n      <SVG icon=\"hexa\" width={16} stroke={colors.red} left=\"75%\" top=\"30%\" />\n      <SVG icon=\"hexa\" width={8} stroke={colors.yellow} left=\"80%\" top=\"70%\" />\n    </Divider>\n  </>\n)\n\nexport default Projects\n\nProjects.propTypes = {\n  children: PropTypes.node.isRequired,\n  offset: PropTypes.number.isRequired,\n}\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport { Divider } from '../elements/Dividers'\nimport Content from '../elements/Content'\nimport Inner from '../elements/Inner'\nimport { UpDown, UpDownWide } from '../styles/animations'\nimport { colors } from '../../tailwind'\nimport SVG from '../components/SVG'\n\nconst About = ({ children, offset }) => (\n  <>\n    <Divider bg=\"#23262b\" clipPath=\"polygon(0 16%, 100% 4%, 100% 82%, 0 94%)\" speed={0.2} offset={offset} />\n    <Divider speed={0.1} offset={offset}>\n      <UpDown>\n        <SVG icon=\"box\" hiddenMobile width={6} fill={colors.blue} left=\"50%\" top=\"75%\" />\n        <SVG icon=\"upDown\" hiddenMobile width={8} fill={colors['grey-darkest']} left=\"70%\" top=\"20%\" />\n        <SVG icon=\"triangle\" width={8} stroke={colors['grey-darkest']} left=\"25%\" top=\"5%\" />\n        <SVG icon=\"upDown\" hiddenMobile width={24} fill={colors.orange} left=\"80%\" top=\"80%\" />\n      </UpDown>\n      <UpDownWide>\n        <SVG icon=\"arrowUp\" hiddenMobile width={16} fill={colors.purple} left=\"5%\" top=\"80%\" />\n        <SVG icon=\"triangle\" width={12} stroke={colors.white} left=\"95%\" top=\"50%\" />\n        <SVG icon=\"circle\" width={6} fill={colors.white} left=\"85%\" top=\"15%\" />\n        <SVG icon=\"upDown\" hiddenMobile width={8} fill={colors['grey-darkest']} left=\"45%\" top=\"10%\" />\n      </UpDownWide>\n      <SVG icon=\"circle\" width={6} fill={colors.white} left=\"4%\" top=\"20%\" />\n      <SVG icon=\"circle\" width={12} fill={colors['grey-darkest']} left=\"70%\" top=\"60%\" />\n      <SVG icon=\"box\" width={6} fill={colors.orange} left=\"10%\" top=\"10%\" />\n      <SVG icon=\"box\" width={12} fill={colors['grey-darkest']} left=\"20%\" top=\"30%\" />\n      <SVG icon=\"hexa\" width={8} stroke={colors['grey-darkest']} left=\"80%\" top=\"70%\" />\n    </Divider>\n    <Content speed={0.4} offset={offset}>\n      <Inner>{children}</Inner>\n    </Content>\n  </>\n)\n\nexport default About\n\nAbout.propTypes = {\n  children: PropTypes.node.isRequired,\n  offset: PropTypes.number.isRequired,\n}\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport tw from 'tailwind.macro'\nimport styled from 'styled-components'\nimport { Divider } from '../elements/Dividers'\nimport Content from '../elements/Content'\nimport { UpDown, UpDownWide, waveAnimation } from '../styles/animations'\nimport { colors } from '../../tailwind'\nimport SVG from '../components/SVG'\n\nconst WaveWrapper = styled.div`\n  ${tw`absolute pin-b w-full`};\n  transform: matrix(1, 0, 0, -1, 0, 0);\n`\n\nconst InnerWave = styled.div`\n  ${tw`relative h-full`};\n  svg {\n    width: 100%;\n    height: 40vh;\n  }\n  path {\n    ${waveAnimation('20s')};\n  }\n`\n\nconst Contact = ({ children, offset }) => (\n  <>\n    <Divider fill=\"#23262b\" speed={0.2} offset={offset}>\n      <WaveWrapper>\n        <InnerWave>\n          <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 800 338.05\" preserveAspectRatio=\"none\">\n            <path>\n              <animate\n                attributeName=\"d\"\n                values=\"M 0 100 Q 250 50 400 200 Q 550 350 800 300 L 800 0 L 0 0 L 0 100 Z;M 0 100 Q 200 150 400 200 Q 600 250 800 300 L 800 0 L 0 0 L 0 100 Z;M 0 100 Q 150 350 400 200 Q 650 50 800 300 L 800 0 L 0 0 L 0 100 Z\"\n                repeatCount=\"indefinite\"\n                dur=\"30s\"\n              />\n            </path>\n          </svg>\n        </InnerWave>\n      </WaveWrapper>\n    </Divider>\n    <Content speed={0.4} offset={offset}>\n      {children}\n    </Content>\n    <Divider speed={0.1} offset={offset}>\n      <UpDown>\n        <SVG icon=\"upDown\" hiddenMobile width={8} fill={colors['grey-darkest']} left=\"70%\" top=\"20%\" />\n        <SVG icon=\"triangle\" width={8} stroke={colors['grey-darkest']} left=\"25%\" top=\"5%\" />\n      </UpDown>\n      <UpDownWide>\n        <SVG icon=\"triangle\" width={12} stroke={colors.white} left=\"95%\" top=\"50%\" />\n        <SVG icon=\"circle\" width={6} fill={colors.white} left=\"85%\" top=\"15%\" />\n        <SVG icon=\"upDown\" hiddenMobile width={8} fill={colors['grey-darkest']} left=\"45%\" top=\"10%\" />\n      </UpDownWide>\n      <SVG icon=\"circle\" width={6} fill={colors.white} left=\"4%\" top=\"20%\" />\n      <SVG icon=\"circle\" width={12} fill={colors['grey-darkest']} left=\"70%\" top=\"60%\" />\n      <SVG icon=\"box\" width={12} fill={colors['grey-darkest']} left=\"20%\" top=\"30%\" />\n      <SVG icon=\"hexa\" width={8} stroke={colors['grey-darkest']} left=\"80%\" top=\"70%\" />\n    </Divider>\n  </>\n)\n\nexport default Contact\n\nContact.propTypes = {\n  children: PropTypes.node.isRequired,\n  offset: PropTypes.number.isRequired,\n}\n","import React from 'react'\n\nconst Badge = () => (\n  <div\n    className=\"LI-profile-badge\"\n    data-version=\"v1\"\n    data-size=\"medium\"\n    data-locale=\"en_US\"\n    data-type=\"horizontal\"\n    data-theme=\"dark\"\n    data-vanity=\"denizengin\"\n  >\n    <a className=\"LI-simple-link\" href=\"https://uk.linkedin.com/in/denizengin?trk=profile-badge\">\n      Deniz Engin Vehbi\n    </a>\n  </div>\n)\n\nexport default Badge\n","import React from 'react'\r\nimport styled from 'styled-components'\r\nimport tw from 'tailwind.macro'\r\nimport { Parallax } from 'react-spring/renderprops-addons.cjs'\r\n\r\n// Components\r\nimport Layout from '../components/Layout'\r\nimport ProjectCard from '../components/ProjectCard'\r\n\r\n// Elements\r\nimport Inner from '../elements/Inner'\r\nimport { Title, BigTitle, Subtitle } from '../elements/Titles'\r\n\r\n// Views\r\nimport Hero from '../views/Hero'\r\nimport Projects from '../views/Projects'\r\nimport About from '../views/About'\r\nimport Contact from '../views/Contact'\r\n\r\nimport avatar from '../images/avatar.jpg'\r\nimport Badge from '../components/Badge'\r\n\r\nconst ProjectsWrapper = styled.div`\r\n  ${tw`flex flex-wrap justify-between mt-8`};\r\n  display: grid;\r\n  grid-gap: 4rem;\r\n  grid-template-columns: repeat(2, 1fr);\r\n  @media (max-width: 1200px) {\r\n    grid-gap: 3rem;\r\n  }\r\n  @media (max-width: 900px) {\r\n    grid-template-columns: 1fr;\r\n    grid-gap: 2rem;\r\n  }\r\n`\r\n\r\nconst AboutHero = styled.div`\r\n  ${tw`flex flex-col lg:flex-row items-center mt-8`};\r\n`\r\n\r\nconst Avatar = styled.img`\r\n  ${tw`rounded-full w-32 xl:w-48 shadow-lg h-auto`};\r\n`\r\n\r\nconst AboutSub = styled.span`\r\n  ${tw`text-white pt-12 lg:pt-0 lg:pl-12 text-2xl lg:text-3xl xl:text-4xl`};\r\n`\r\n\r\nconst AboutDesc = styled.p`\r\n  ${tw`text-grey-light text-lg md:text-xl lg:text-2xl font-sans pt-6 md:pt-12 text-justify`};\r\n`\r\n\r\nconst ContactText = styled.p`\r\n  ${tw`text-grey-light font-sans text-xl md:text-2xl lg:text-3xl`};\r\n`\r\n\r\nconst Footer = styled.footer`\r\n  ${tw`text-center text-grey absolute pin-b p-6 font-sans text-md lg:text-lg`};\r\n`\r\n\r\nconst Index = () => (\r\n  <>\r\n    <Layout />\r\n    <Parallax pages={5}>\r\n      <Hero offset={0}>\r\n        <BigTitle>\r\n          Hello, <br /> I'm Deniz Engin.\r\n        </BigTitle>\r\n        <Subtitle>I am a software engineering leader with a passion for web and mobile technologies.\r\n          Scroll below to learn more about me, or have a look at my <a href='https://denizengin.tumblr.com'>blog.</a>\r\n        </Subtitle>\r\n        </Hero>\r\n      <Projects offset={1}>\r\n        <Title>Work Experience</Title>\r\n        <ProjectsWrapper>\r\n          <ProjectCard\r\n            title=\"Tesco\"\r\n            link=\"https://www.tesco.com\"\r\n            bg=\"linear-gradient(to right, #009245 0%, #FCEE21 100%)\"\r\n          >\r\n            Managing teams delivering next generation online shopping experiences.\r\n          </ProjectCard>\r\n          <ProjectCard\r\n            title=\"BigHand\"\r\n            link=\"https://www.bighand.com\"\r\n            bg=\"linear-gradient(to right, #D4145A 0%, #FBB03B 100%)\"\r\n          >\r\n            Together with my team, lead the transformation of the company from desktop into web development.\r\n          </ProjectCard>\r\n          <ProjectCard\r\n            title=\"Worldpay\"\r\n            link=\"https://www.worldpay.com\"\r\n            bg=\"linear-gradient(to right, #662D8C 0%, #ED1E79 100%)\"\r\n          >\r\n            Formed a permanent team of web developers to take over from contractors.\r\n          </ProjectCard>\r\n          <ProjectCard\r\n            title=\"Microsoft / Skype\"\r\n            link=\"https://www.microsoft.com\"\r\n            bg=\"linear-gradient(to right, #009245 0%, #FCEE21 100%)\"\r\n          >\r\n            Worked on building responsive single page applications, and scalable cloud based APIs\r\n          </ProjectCard>\r\n          <ProjectCard\r\n            title=\"Avanade\"\r\n            link=\"https://www.avanade.com\"\r\n            bg=\"linear-gradient(to right, #D585FF 0%, #00FFEE 100%)\"\r\n          >\r\n            Worked as a consultant at various placements including ITV\r\n          </ProjectCard>\r\n          <ProjectCard\r\n            title=\"Condeco\"\r\n            link=\"https://www.condecosoftware.com/\"\r\n            bg=\"linear-gradient(to right, #D585FF 0%, #00FFEE 100%)\"\r\n          >\r\n            Created ASP.NET reporting solutions and utilised data warehousing techniques\r\n          </ProjectCard>\r\n          <ProjectCard title=\"Other Companies\" bg=\"linear-gradient(to right, #D585FF 0%, #00FFEE 100%)\">\r\n            Worked at MediaCorp building a sports website, and created a job search website as an entrepreneurial\r\n            project\r\n          </ProjectCard>\r\n        </ProjectsWrapper>\r\n      </Projects>\r\n      <About offset={3}>\r\n        <Title>About</Title>\r\n        <AboutHero>\r\n          <Avatar src={avatar} alt=\"Deniz Vehbi\" />\r\n          <AboutSub>\r\n            I've had a passion for the Web since its early days and started my career as a Web developer.\r\n            I've gradually moved into technical leadership roles but still kept partially hands on.\r\n          </AboutSub>\r\n        </AboutHero>\r\n      </About>\r\n      <Contact offset={3.8}>\r\n        <Inner>\r\n          <Title>Get in touch</Title>\r\n          <Badge />\r\n        </Inner>\r\n        <Footer>&copy; {new Date().getFullYear()}</Footer>\r\n      </Contact>\r\n    </Parallax>\r\n  </>\r\n)\r\n\r\nexport default Index\r\n","/*\n\nTailwind - The Utility-First CSS Framework\n\nA project by Adam Wathan (@adamwathan), Jonathan Reinink (@reinink),\nDavid Hemphill (@davidhemphill) and Steve Schoger (@steveschoger).\n\nWelcome to the Tailwind config file. This is where you can customize\nTailwind specifically for your project. Don't be intimidated by the\nlength of this file. It's really just a big JavaScript object and\nwe've done our very best to explain each section.\n\nView the full documentation at https://tailwindcss.com.\n\n\n|-------------------------------------------------------------------------------\n| The default config\n|-------------------------------------------------------------------------------\n|\n| This variable contains the default Tailwind config. You don't have\n| to use it, but it can sometimes be helpful to have available. For\n| example, you may choose to merge your custom configuration\n| values with some of the Tailwind defaults.\n|\n*/\n\n// eslint-disable-next-line\nconst defaultConfig = require('tailwindcss/defaultConfig')();\n\n/*\n|-------------------------------------------------------------------------------\n| Colors                                    https://tailwindcss.com/docs/colors\n|-------------------------------------------------------------------------------\n|\n| Here you can specify the colors used in your project. To get you started,\n| we've provided a generous palette of great looking colors that are perfect\n| for prototyping, but don't hesitate to change them for your project. You\n| own these colors, nothing will break if you change everything about them.\n|\n| We've used literal color names (\"red\", \"blue\", etc.) for the default\n| palette, but if you'd rather use functional names like \"primary\" and\n| \"secondary\", or even a numeric scale like \"100\" and \"200\", go for it.\n|\n*/\n\nconst colors = {\n  transparent: 'transparent',\n\n  'blue-black': '#161719',\n  'blue-grey': '#23262b',\n\n  black: '#222b2f',\n  'grey-darkest': '#273238',\n  'grey-darker': '#364349',\n  'grey-dark': '#70818a',\n  grey: '#9babb4',\n  'grey-light': '#dae4e9',\n  'grey-lighter': '#f3f7f9',\n  'grey-lightest': '#fafcfc',\n  white: '#ffffff',\n\n  'red-darkest': '#420806',\n  'red-darker': '#6a1b19',\n  'red-dark': '#cc1f1a',\n  red: '#bf381a',\n  'red-light': '#ef5753',\n  'red-lighter': '#f9acaa',\n  'red-lightest': '#fcebea',\n\n  'orange-darkest': '#542605',\n  'orange-darker': '#7f4012',\n  'orange-dark': '#c1611f',\n  orange: '#e07628',\n  'orange-light': '#ffa31b',\n  'orange-lighter': '#fcd9b6',\n  'orange-lightest': '#fff5eb',\n\n  'yellow-darkest': '#453411',\n  'yellow-darker': '#684f1d',\n  'yellow-dark': '#f2d024',\n  yellow: '#e9af32',\n  'yellow-light': '#fff382',\n  'yellow-lighter': '#fff9c2',\n  'yellow-lightest': '#fcfbeb',\n\n  'green-darkest': '#032d19',\n  'green-darker': '#0b4228',\n  'green-dark': '#1f9d55',\n  green: '#38c172',\n  'green-light': '#51d88a',\n  'green-lighter': '#a2f5bf',\n  'green-lightest': '#e3fcec',\n\n  'teal-darkest': '#0d3331',\n  'teal-darker': '#174e4b',\n  'teal-dark': '#38a89d',\n  teal: '#4dc0b5',\n  'teal-light': '#64d5ca',\n  'teal-lighter': '#a0f0ed',\n  'teal-lightest': '#e8fffe',\n\n  'blue-darkest': '#0a224e',\n  'blue-darker': '#103d60',\n  'blue-dark': '#2779bd',\n  blue: '#a0d8f1',\n  'blue-light': '#6cb2eb',\n  'blue-lighter': '#bcdefa',\n  'blue-lightest': '#eff8ff',\n\n  'indigo-darkest': '#191e38',\n  'indigo-darker': '#2f365f',\n  'indigo-dark': '#5661b3',\n  indigo: '#6574cd',\n  'indigo-light': '#7886d7',\n  'indigo-lighter': '#b2b7ff',\n  'indigo-lightest': '#e6e8ff',\n\n  'purple-darkest': '#1f133f',\n  'purple-darker': '#352465',\n  'purple-dark': '#794acf',\n  purple: '#9561e2',\n  'purple-light': '#a779e9',\n  'purple-lighter': '#d6bbfc',\n  'purple-lightest': '#f3ebff',\n\n  'pink-darkest': '#45051e',\n  'pink-darker': '#72173a',\n  'pink-dark': '#eb5286',\n  pink: '#f66d9b',\n  'pink-light': '#fa7ea8',\n  'pink-lighter': '#ffbbca',\n  'pink-lightest': '#ffebef',\n}\n\nmodule.exports = {\n  /*\n  |-----------------------------------------------------------------------------\n  | Colors                                  https://tailwindcss.com/docs/colors\n  |-----------------------------------------------------------------------------\n  |\n  | The color palette defined above is also assigned to the \"colors\" key of\n  | your Tailwind config. This makes it easy to access them in your CSS\n  | using Tailwind's config helper. For example:\n  |\n  | .error { color: config('colors.red') }\n  |\n  */\n\n  colors,\n\n  /*\n  |-----------------------------------------------------------------------------\n  | Screens                      https://tailwindcss.com/docs/responsive-design\n  |-----------------------------------------------------------------------------\n  |\n  | Screens in Tailwind are translated to CSS media queries. They define the\n  | responsive breakpoints for your project. By default Tailwind takes a\n  | \"mobile first\" approach, where each screen size represents a minimum\n  | viewport width. Feel free to have as few or as many screens as you\n  | want, naming them in whatever way you'd prefer for your project.\n  |\n  | Tailwind also allows for more complex screen definitions, which can be\n  | useful in certain situations. Be sure to see the full responsive\n  | documentation for a complete list of options.\n  |\n  | Class name: .{screen}:{utility}\n  |\n  */\n\n  screens: {\n    sm: '400px',\n    md: '600px',\n    lg: '900px',\n    xl: '1200px',\n    xxl: '1600px',\n  },\n\n  /*\n  |-----------------------------------------------------------------------------\n  | Fonts                                    https://tailwindcss.com/docs/fonts\n  |-----------------------------------------------------------------------------\n  |\n  | Here is where you define your project's font stack, or font families.\n  | Keep in mind that Tailwind doesn't actually load any fonts for you.\n  | If you're using custom fonts you'll need to import them prior to\n  | defining them here.\n  |\n  | By default we provide a native font stack that works remarkably well on\n  | any device or OS you're using, since it just uses the default fonts\n  | provided by the platform.\n  |\n  | Class name: .font-{name}\n  |\n  */\n\n  fonts: {\n    sans: [\n      'Open Sans',\n      '-apple-system',\n      'BlinkMacSystemFont',\n      'Segoe UI',\n      'Roboto',\n      'Oxygen',\n      'Ubuntu',\n      'Cantarell',\n      'Fira Sans',\n      'Droid Sans',\n      'Helvetica Neue',\n      'sans-serif',\n    ],\n    serif: [\n      'Cantata One',\n      'Constantia',\n      'Lucida Bright',\n      'Lucidabright',\n      'Lucida Serif',\n      'Lucida',\n      'DejaVu Serif',\n      'Bitstream Vera Serif',\n      'Liberation Serif',\n      'Georgia',\n      'serif',\n    ],\n    mono: ['Menlo', 'Monaco', 'Consolas', 'Liberation Mono', 'Courier New', 'monospace'],\n  },\n\n  /*\n  |-----------------------------------------------------------------------------\n  | Text sizes                         https://tailwindcss.com/docs/text-sizing\n  |-----------------------------------------------------------------------------\n  |\n  | Here is where you define your text sizes. Name these in whatever way\n  | makes the most sense to you. We use size names by default, but\n  | you're welcome to use a numeric scale or even something else\n  | entirely.\n  |\n  | By default Tailwind uses the \"rem\" unit type for most measurements.\n  | This allows you to set a root font size which all other sizes are\n  | then based on. That said, you are free to use whatever units you\n  | prefer, be it rems, ems, pixels or other.\n  |\n  | Class name: .text-{size}\n  |\n  */\n\n  textSizes: {\n    xs: '.75rem', // 12px\n    sm: '.875rem', // 14px\n    base: '1rem', // 16px\n    lg: '1.125rem', // 18px\n    xl: '1.25rem', // 20px\n    '2xl': '1.5rem', // 24px\n    '3xl': '1.875rem', // 30px\n    '4xl': '2.25rem', // 36px\n    '5xl': '3rem', // 48px\n    '6xl': '5rem',\n    '7xl': '8rem',\n  },\n\n  /*\n  |-----------------------------------------------------------------------------\n  | Font weights                       https://tailwindcss.com/docs/font-weight\n  |-----------------------------------------------------------------------------\n  |\n  | Here is where you define your font weights. We've provided a list of\n  | common font weight names with their respective numeric scale values\n  | to get you started. It's unlikely that your project will require\n  | all of these, so we recommend removing those you don't need.\n  |\n  | Class name: .font-{weight}\n  |\n  */\n\n  fontWeights: {\n    hairline: 100,\n    thin: 200,\n    light: 300,\n    normal: 400,\n    medium: 500,\n    semibold: 600,\n    bold: 700,\n    extrabold: 800,\n    black: 900,\n  },\n\n  /*\n  |-----------------------------------------------------------------------------\n  | Leading (line height)              https://tailwindcss.com/docs/line-height\n  |-----------------------------------------------------------------------------\n  |\n  | Here is where you define your line height values, or as we call\n  | them in Tailwind, leadings.\n  |\n  | Class name: .leading-{size}\n  |\n  */\n\n  leading: {\n    none: 1,\n    tight: 1.25,\n    normal: 1.5,\n    loose: 2,\n  },\n\n  /*\n  |-----------------------------------------------------------------------------\n  | Tracking (letter spacing)       https://tailwindcss.com/docs/letter-spacing\n  |-----------------------------------------------------------------------------\n  |\n  | Here is where you define your letter spacing values, or as we call\n  | them in Tailwind, tracking.\n  |\n  | Class name: .tracking-{size}\n  |\n  */\n\n  tracking: {\n    tight: '-0.05em',\n    normal: '0',\n    wide: '0.05em',\n  },\n\n  /*\n  |-----------------------------------------------------------------------------\n  | Text colors                         https://tailwindcss.com/docs/text-color\n  |-----------------------------------------------------------------------------\n  |\n  | Here is where you define your text colors. By default these use the\n  | color palette we defined above, however you're welcome to set these\n  | independently if that makes sense for your project.\n  |\n  | Class name: .text-{color}\n  |\n  */\n\n  textColors: colors,\n\n  /*\n  |-----------------------------------------------------------------------------\n  | Background colors             https://tailwindcss.com/docs/background-color\n  |-----------------------------------------------------------------------------\n  |\n  | Here is where you define your background colors. By default these use\n  | the color palette we defined above, however you're welcome to set\n  | these independently if that makes sense for your project.\n  |\n  | Class name: .bg-{color}\n  |\n  */\n\n  backgroundColors: colors,\n\n  /*\n  |-----------------------------------------------------------------------------\n  | Border widths                     https://tailwindcss.com/docs/border-width\n  |-----------------------------------------------------------------------------\n  |\n  | Here is where you define your border widths. Take note that border\n  | widths require a special \"default\" value set as well. This is the\n  | width that will be used when you do not specify a border width.\n  |\n  | Class name: .border{-side?}{-width?}\n  |\n  */\n\n  borderWidths: {\n    default: '1px',\n    '0': '0',\n    '2': '2px',\n    '4': '4px',\n    '8': '8px',\n  },\n\n  /*\n  |-----------------------------------------------------------------------------\n  | Border colors                     https://tailwindcss.com/docs/border-color\n  |-----------------------------------------------------------------------------\n  |\n  | Here is where you define your border colors. By default these use the\n  | color palette we defined above, however you're welcome to set these\n  | independently if that makes sense for your project.\n  |\n  | Take note that border colors require a special \"default\" value set\n  | as well. This is the color that will be used when you do not\n  | specify a border color.\n  |\n  | Class name: .border-{color}\n  |\n  */\n\n  borderColors: Object.assign({ default: colors['grey-light'] }, colors),\n\n  /*\n  |-----------------------------------------------------------------------------\n  | Border radius                    https://tailwindcss.com/docs/border-radius\n  |-----------------------------------------------------------------------------\n  |\n  | Here is where you define your border radius values. If a `default` radius\n  | is provided, it will be made available as the non-suffixed `.rounded`\n  | utility.\n  |\n  | If your scale includes a `0` value to reset already rounded corners, it's\n  | a good idea to put it first so other values are able to override it.\n  |\n  | Class name: .rounded{-side?}{-size?}\n  |\n  */\n\n  borderRadius: {\n    none: '0',\n    sm: '.125rem',\n    default: '.25rem',\n    lg: '.5rem',\n    full: '9999px',\n  },\n\n  /*\n  |-----------------------------------------------------------------------------\n  | Width                                    https://tailwindcss.com/docs/width\n  |-----------------------------------------------------------------------------\n  |\n  | Here is where you define your width utility sizes. These can be\n  | percentage based, pixels, rems, or any other units. By default\n  | we provide a sensible rem based numeric scale, a percentage\n  | based fraction scale, plus some other common use-cases. You\n  | can, of course, modify these values as needed.\n  |\n  |\n  | It's also worth mentioning that Tailwind automatically escapes\n  | invalid CSS class name characters, which allows you to have\n  | awesome classes like .w-2/3.\n  |\n  | Class name: .w-{size}\n  |\n  */\n\n  width: {\n    auto: 'auto',\n    px: '1px',\n    '1': '0.25rem',\n    '2': '0.5rem',\n    '3': '0.75rem',\n    '4': '1rem',\n    '6': '1.5rem',\n    '8': '2rem',\n    '10': '2.5rem',\n    '12': '3rem',\n    '16': '4rem',\n    '24': '6rem',\n    '32': '8rem',\n    '48': '12rem',\n    '64': '16rem',\n    '1/2': '50%',\n    '1/3': '33.33333%',\n    '2/3': '66.66667%',\n    '1/4': '25%',\n    '3/4': '75%',\n    '1/5': '20%',\n    '2/5': '40%',\n    '3/5': '60%',\n    '4/5': '80%',\n    '1/6': '16.66667%',\n    '5/6': '83.33333%',\n    full: '100%',\n    screen: '100vw',\n  },\n\n  /*\n  |-----------------------------------------------------------------------------\n  | Height                                  https://tailwindcss.com/docs/height\n  |-----------------------------------------------------------------------------\n  |\n  | Here is where you define your height utility sizes. These can be\n  | percentage based, pixels, rems, or any other units. By default\n  | we provide a sensible rem based numeric scale plus some other\n  | common use-cases. You can, of course, modify these values as\n  | needed.\n  |\n  | Class name: .h-{size}\n  |\n  */\n\n  height: {\n    auto: 'auto',\n    px: '1px',\n    '1': '0.25rem',\n    '2': '0.5rem',\n    '3': '0.75rem',\n    '4': '1rem',\n    '6': '1.5rem',\n    '8': '2rem',\n    '10': '2.5rem',\n    '12': '3rem',\n    '16': '4rem',\n    '24': '6rem',\n    '32': '8rem',\n    '48': '12rem',\n    '64': '16rem',\n    full: '100%',\n    screen: '100vh',\n  },\n\n  /*\n  |-----------------------------------------------------------------------------\n  | Minimum width                        https://tailwindcss.com/docs/min-width\n  |-----------------------------------------------------------------------------\n  |\n  | Here is where you define your minimum width utility sizes. These can\n  | be percentage based, pixels, rems, or any other units. We provide a\n  | couple common use-cases by default. You can, of course, modify\n  | these values as needed.\n  |\n  | Class name: .min-w-{size}\n  |\n  */\n\n  minWidth: {\n    '0': '0',\n    full: '100%',\n  },\n\n  /*\n  |-----------------------------------------------------------------------------\n  | Minimum height                      https://tailwindcss.com/docs/min-height\n  |-----------------------------------------------------------------------------\n  |\n  | Here is where you define your minimum height utility sizes. These can\n  | be percentage based, pixels, rems, or any other units. We provide a\n  | few common use-cases by default. You can, of course, modify these\n  | values as needed.\n  |\n  | Class name: .min-h-{size}\n  |\n  */\n\n  minHeight: {\n    '0': '0',\n    full: '100%',\n    screen: '100vh',\n  },\n\n  /*\n  |-----------------------------------------------------------------------------\n  | Maximum width                        https://tailwindcss.com/docs/max-width\n  |-----------------------------------------------------------------------------\n  |\n  | Here is where you define your maximum width utility sizes. These can\n  | be percentage based, pixels, rems, or any other units. By default\n  | we provide a sensible rem based scale and a \"full width\" size,\n  | which is basically a reset utility. You can, of course,\n  | modify these values as needed.\n  |\n  | Class name: .max-w-{size}\n  |\n  */\n\n  maxWidth: {\n    xs: '20rem',\n    sm: '30rem',\n    md: '40rem',\n    lg: '50rem',\n    xl: '60rem',\n    '2xl': '70rem',\n    '3xl': '80rem',\n    '4xl': '90rem',\n    '5xl': '100rem',\n    full: '100%',\n  },\n\n  /*\n  |-----------------------------------------------------------------------------\n  | Maximum height                      https://tailwindcss.com/docs/max-height\n  |-----------------------------------------------------------------------------\n  |\n  | Here is where you define your maximum height utility sizes. These can\n  | be percentage based, pixels, rems, or any other units. We provide a\n  | couple common use-cases by default. You can, of course, modify\n  | these values as needed.\n  |\n  | Class name: .max-h-{size}\n  |\n  */\n\n  maxHeight: {\n    full: '100%',\n    screen: '100vh',\n  },\n\n  /*\n  |-----------------------------------------------------------------------------\n  | Padding                                https://tailwindcss.com/docs/padding\n  |-----------------------------------------------------------------------------\n  |\n  | Here is where you define your padding utility sizes. These can be\n  | percentage based, pixels, rems, or any other units. By default we\n  | provide a sensible rem based numeric scale plus a couple other\n  | common use-cases like \"1px\". You can, of course, modify these\n  | values as needed.\n  |\n  | Class name: .p{side?}-{size}\n  |\n  */\n\n  padding: {\n    px: '1px',\n    '0': '0',\n    '1': '0.25rem',\n    '2': '0.5rem',\n    '3': '0.75rem',\n    '4': '1rem',\n    '6': '1.5rem',\n    '8': '2rem',\n    '12': '3rem',\n    '16': '4rem',\n    '24': '6rem',\n    '32': '8rem',\n  },\n\n  /*\n  |-----------------------------------------------------------------------------\n  | Margin                                  https://tailwindcss.com/docs/margin\n  |-----------------------------------------------------------------------------\n  |\n  | Here is where you define your margin utility sizes. These can be\n  | percentage based, pixels, rems, or any other units. By default we\n  | provide a sensible rem based numeric scale plus a couple other\n  | common use-cases like \"1px\". You can, of course, modify these\n  | values as needed.\n  |\n  | Class name: .m{side?}-{size}\n  |\n  */\n\n  margin: {\n    auto: 'auto',\n    px: '1px',\n    '0': '0',\n    '1': '0.25rem',\n    '2': '0.5rem',\n    '3': '0.75rem',\n    '4': '1rem',\n    '6': '1.5rem',\n    '8': '2rem',\n  },\n\n  /*\n  |-----------------------------------------------------------------------------\n  | Negative margin                https://tailwindcss.com/docs/negative-margin\n  |-----------------------------------------------------------------------------\n  |\n  | Here is where you define your negative margin utility sizes. These can\n  | be percentage based, pixels, rems, or any other units. By default we\n  | provide matching values to the padding scale since these utilities\n  | generally get used together. You can, of course, modify these\n  | values as needed.\n  |\n  | Class name: .-m{side?}-{size}\n  |\n  */\n\n  negativeMargin: {\n    px: '1px',\n    '0': '0',\n    '1': '0.25rem',\n    '2': '0.5rem',\n    '3': '0.75rem',\n    '4': '1rem',\n    '6': '1.5rem',\n    '8': '2rem',\n  },\n\n  /*\n  |-----------------------------------------------------------------------------\n  | Shadows                                https://tailwindcss.com/docs/shadows\n  |-----------------------------------------------------------------------------\n  |\n  | Here is where you define your shadow utilities. As you can see from\n  | the defaults we provide, it's possible to apply multiple shadows\n  | per utility using comma separation.\n  |\n  | If a `default` shadow is provided, it will be made available as the non-\n  | suffixed `.shadow` utility.\n  |\n  | Class name: .shadow-{size?}\n  |\n  */\n\n  shadows: {\n    default: '0 2px 4px 0 rgba(0,0,0,0.10)',\n    md: '0 4px 8px 0 rgba(0,0,0,0.12), 0 2px 4px 0 rgba(0,0,0,0.08)',\n    lg: '0 15px 30px 0 rgba(0,0,0,0.11), 0 5px 15px 0 rgba(0,0,0,0.08)',\n    inner: 'inset 0 2px 4px 0 rgba(0,0,0,0.06)',\n    none: 'none',\n  },\n\n  /*\n  |-----------------------------------------------------------------------------\n  | Z-index                                https://tailwindcss.com/docs/z-index\n  |-----------------------------------------------------------------------------\n  |\n  | Here is where you define your z-index utility values. By default we\n  | provide a sensible numeric scale. You can, of course, modify these\n  | values as needed.\n  |\n  | Class name: .z-{index}\n  |\n  */\n\n  zIndex: {\n    auto: 'auto',\n    '0': 0,\n    '10': 10,\n    '20': 20,\n    '30': 30,\n    '40': 40,\n    '50': 50,\n  },\n\n  /*\n  |-----------------------------------------------------------------------------\n  | Opacity                                https://tailwindcss.com/docs/opacity\n  |-----------------------------------------------------------------------------\n  |\n  | Here is where you define your opacity utility values. By default we\n  | provide a sensible numeric scale. You can, of course, modify these\n  | values as needed.\n  |\n  | Class name: .opacity-{name}\n  |\n  */\n\n  opacity: {\n    '0': '0',\n    '25': '.25',\n    '50': '.5',\n    '75': '.75',\n    '100': '1',\n  },\n\n  /*\n  |-----------------------------------------------------------------------------\n  | Options                  https://tailwindcss.com/docs/configuration#options\n  |-----------------------------------------------------------------------------\n  |\n  | Here is where you can set your Tailwind configuration options. For more\n  | details about these options, visit the configuration options documentation.\n  |\n  */\n\n  options: {\n    prefix: '',\n    important: false,\n  },\n}\n","const tailwind = require('../tailwind')\n\nmodule.exports = {\n  pathPrefix: '/', // Prefix for all links. If you deploy your site to example.com/portfolio your pathPrefix should be \"/portfolio\"\n\n  siteTitle: 'Deniz Engin', // Navigation and Site Title\n  siteTitleAlt: 'Deniz Engin Vehbi', // Alternative Site title for SEO\n  siteTitleShort: 'Deniz', // short_name for manifest\n  siteHeadline: \"Deniz Engin's Website\", // Headline for schema.org JSONLD\n  siteUrl: 'https://www.denizengin.com', // Domain of your site. No trailing slash!\n  siteLanguage: 'en', // Language Tag on <html> element\n  siteLogo: '/logo.jpg', // Used for SEO and manifest\n  siteDescription: 'Personal website of Deniz Engin Vehbi',\n  author: 'DenizVehbi', // Author for schema.org JSONLD\n\n  userTwitter: '@denizevehbi',\n\n  // Manifest and Progress color\n  themeColor: tailwind.colors.orange,\n  backgroundColor: tailwind.colors.blue,\n}\n","module.exports = \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTAwMCIgaGVpZ2h0PSIxMDAwIiB2aWV3Qm94PSIwIDAgMzAgMzUiPgogICAgPHBhdGgKICAgICAgICAgICAgZmlsbD0ibm9uZSIKICAgICAgICAgICAgc3Ryb2tlPSJ3aGl0ZSIKICAgICAgICAgICAgZD0iTTE0LjkyMSwyLjI3IDI4LjY2NywyNS41IDEuMTc1LDI1LjUgeiIKICAgIC8+Cjwvc3ZnPg==\"","module.exports = __webpack_public_path__ + \"static/avatar-34f3ca4b7df76414d31dc1ff2ef2e4a9.jpg\";"],"sourceRoot":""}