Netlify Form Breaking Hydration

Created Diff never expires
0 removals
36 lines
0 additions
36 lines


<!DOCTYPE html><html><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><style id="typography.js">html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}progress{vertical-align:baseline}[hidden],template{display:none}a{background-color:transparent;}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit;font-weight:bolder}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}button,input,optgroup,select,textarea{font:inherit;margin:0}optgroup{font-weight:700}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}html{font:100%/1.6875 'Arvo',sans-serif;box-sizing:border-box;overflow-y:scroll;}*{box-sizing:inherit;}*:before{box-sizing:inherit;}*:after{box-sizing:inherit;}body{color:hsla(0,0%,0%,0.8);font-family:'Arvo',sans-serif;font-weight:400;word-wrap:break-word;font-kerning:normal;-moz-font-feature-settings:"kern", "liga", "clig", "calt";-ms-font-feature-settings:"kern", "liga", "clig", "calt";-webkit-font-feature-settings:"kern", "liga", "clig", "calt";font-feature-settings:"kern", "liga", "clig", "calt";}img{max-width:100%;margin-left:0;margin-right:0;margin-top:0;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;margin-bottom:1.6875rem;}h1{margin-left:0;margin-right:0;margin-top:0;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;margin-bottom:1.6875rem;color:hsla(0,0%,0%,1);font-family:'Montserrat',sans-serif;font-weight:700;text-rendering:optimizeLegibility;font-size:2rem;line-height:1.1;}h2{margin-left:0;margin-right:0;margin-top:0;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;margin-bottom:1.6875rem;color:hsla(0,0%,0%,1);font-family:'Montserrat',sans-serif;font-weight:700;text-rendering:optimizeLegibility;font-size:1.51572rem;line-height:1.1;}h3{margin-left:0;margin-right:0;margin-top:0;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;margin-bottom:1.6875rem;color:hsla(0,0%,0%,1);font-family:'Montserrat',sans-serif;font-weight:700;text-rendering:optimizeLegibility;font-size:1.31951rem;line-height:1.1;}h4{margin-left:0;margin-right:0;margin-top:0;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;margin-bottom:1.6875rem;color:hsla(0,0%,0%,1);font-family:'Montserrat',sans-serif;font-weight:700;text-rendering:optimizeLegibility;font-size:1rem;line-height:1.1;}h5{margin-left:0;margin-right:0;margin-top:0;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;margin-bottom:1.6875rem;color:hsla(0,0%,0%,1);font-family:'Montserrat',sans-serif;font-weight:700;text-rendering:optimizeLegibility;font-size:0.87055rem;line-height:1.1;}h6{margin-left:0;margin-right:0;margin-top:0;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;margin-bottom:1.6875rem;color:hsla(0,0%,0%,1);font-family:'Montserrat',sans-serif;font-weight:700;text-rendering:optimizeLegibility;font-size:0.81225rem;line-height:1.1;}hgroup{margin-left:0;margin-right:0;margin-top:0;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;margin-bottom:1.6875rem;}ul{margin-left:1.6875rem;margin-right:0;margin-top:0;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;margin-bottom:1.6875rem;list-style-position:outside;list-style-image:none;}ol{margin-left:1.6875rem;margin-right:0;margin-top:0;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;margin-bottom:1.6875rem;list-style-position:outside;list-style-image:none;}dl{margin-left:0;margin-right:0;margin-top:0;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;margin-bottom:1.6875rem;}dd{margin-left:0;margin-right:0;margin-top:0;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;margin-bottom:1.6875rem;}p{margin-left:0;margin-right:0;margin-top:0;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;margin-bottom:1.6875rem;}figure{margin-left:0;margin-right:0;margin-top:0;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;margin-bottom:1.6875rem;}pre{margin-left:0;margin-right:0;margin-top:0;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;margin-bottom:1.6875rem;font-size:0.85rem;line-height:1.6875rem;}table{margin-left:0;margin-right:0;margin-top:0;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;margin-bottom:1.6875rem;font-size:1rem;line-height:1.6875rem;border-collapse:collapse;width:100%;}fieldset{margin-left:0;margin-right:0;margin-top:0;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;margin-bottom:1.6875rem;}blockquote{margin-left:0;margin-right:1.6875rem;margin-top:0;padding-bottom:0;padding-left:1.37109rem;padding-right:0;padding-top:0;margin-bottom:1.6875rem;font-size:1.1487rem;line-height:1.6875rem;color:hsla(0,0%,0%,0.59);border-left:0.31641rem solid #fca206;}form{margin-left:0;margin-right:0;margin-top:0;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;margin-bottom:1.6875rem;}noscript{margin-left:0;margin-right:0;margin-top:0;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;margin-bottom:1.6875rem;}iframe{margin-left:0;margin-right:0;margin-top:0;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;margin-bottom:1.6875rem;}hr{margin-left:0;margin-right:0;margin-top:0;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;margin-bottom:calc(1.6875rem - 1px);background:hsla(0,0%,0%,0.2);border:none;height:1px;}address{margin-left:0;margin-right:0;margin-top:0;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;margin-bottom:1.6875rem;}b{font-weight:700;}strong{font-weight:700;}dt{font-weight:700;}th{font-weight:700;}li{margin-bottom:calc(1.6875rem / 2);}ol li{padding-left:0;}ul li{padding-left:0;}li > ol{margin-left:1.6875rem;margin-bottom:calc(1.6875rem / 2);margin-top:calc(1.6875rem / 2);}li > ul{margin-left:1.6875rem;margin-bottom:calc(1.6875rem / 2);margin-top:calc(1.6875rem / 2);}blockquote *:last-child{margin-bottom:0;}li *:last-child{margin-bottom:0;}p *:last-child{margin-bottom:0;}li > p{margin-bottom:calc(1.6875rem / 2);}code{font-size:0.85rem;line-height:1.6875rem;}kbd{font-size:0.85rem;line-height:1.6875rem;}samp{font-size:0.85rem;line-height:1.6875rem;}abbr{border-bottom:1px dotted hsla(0,0%,0%,0.5);cursor:help;}acronym{border-bottom:1px dotted hsla(0,0%,0%,0.5);cursor:help;}abbr[title]{border-bottom:1px dotted hsla(0,0%,0%,0.5);cursor:help;text-decoration:none;}thead{text-align:left;}td,th{text-align:left;border-bottom:1px solid hsla(0,0%,0%,0.12);font-feature-settings:"tnum";-moz-font-feature-settings:"tnum";-ms-font-feature-settings:"tnum";-webkit-font-feature-settings:"tnum";padding-left:1.125rem;padding-right:1.125rem;padding-top:0.84375rem;padding-bottom:calc(0.84375rem - 1px);}th:first-child,td:first-child{padding-left:0;}th:last-child,td:last-child{padding-right:0;}a{color:#4078c0;text-decoration:none;}a:hover,a:active{color:hsla(0,0%,0%,0.8);}h1,h2,h3,h4,h5,h6{margin-top:3.375rem;}blockquote > :last-child{margin-bottom:0;}blockquote cite{font-size:1rem;line-height:1.6875rem;color:hsla(0,0%,0%,0.8);font-weight:400;}blockquote cite:before{content:"— ";}@media only screen and (max-width:480px){blockquote{margin-left:-1.26563rem;margin-right:0;padding-left:0.94922rem;}}h1,h2,h3{border:none;margin-top:0;}a:visited{color:#4078c0;}a:hover{color:#033752;}</style><meta name="generator" content="Gatsby 5.3.2"/><meta charSet="utf-8" data-gatsby-head="true"/><meta name="title" content="Robert Battaglia | Software Engineer" data-gatsby-head="true"/><meta name="description" content="Robert Battaglia&#x27;s Personal Website" data-gatsby-head="true"/><meta name="author" content="Robert Battaglia" data-gatsby-head="true"/><meta name="keywords" content="Robert,Battaglia,Software Engineer" data-gatsby-head="true"/><meta name="image" property="og:image" content="https://com-robertbattaglia.s3.amazonaws.com/ogimage.jpeg" data-gatsby-head="true"/><meta name="twitter:card" content="summary" data-gatsby-head="true"/><meta name="twitter:site" content="@r0bertoB" data-gatsby-head="true"/><meta name="twitter:title" content="Robert Battaglia | Software Engineer" data-gatsby-head="true"/><meta name="twitter:description" content="Robert Battaglia&#x27;s Personal Website" data-gatsby-head="true"/><meta name="twitter:image" content="https://com-robertbattaglia.s3.amazonaws.com/ogimage.jpeg" data-gatsby-head="true"/><title data-gatsby-head="true">Robert Battaglia | Software Engineer</title><style>.gatsby-image-wrapper{position:relative;overflow:hidden}.gatsby-image-wrapper picture.object-fit-polyfill{position:static!important}.gatsby-image-wrapper img{bottom:0;height:100%;left:0;margin:0;max-width:none;padding:0;position:absolute;right:0;top:0;width:100%;object-fit:cover}.gatsby-image-wrapper [data-main-image]{opacity:0;transform:translateZ(0);transition:opacity .25s linear;will-change:opacity}.gatsby-image-wrapper-constrained{display:inline-block;vertical-align:top}</style><noscript><style>.gatsby-image-wrapper noscript [data-main-image]{opacity:1!important}.gatsby-image-wrapper [data-placeholder-image]{opacity:0!important}</style></noscript><script type="module">const e="undefined"!=typeof HTMLImageElement&&"loading"in HTMLImageElement.prototype;e&&document.body.addEventListener("load",(function(e){const t=e.target;if(void 0===t.dataset.mainImage)return;if(void 0===t.dataset.gatsbyImageSsr)return;let a=null,n=t;for(;null===a&&n;)void 0!==n.parentNode.dataset.gatsbyImageWrapper&&(a=n.parentNode),n=n.parentNode;const o=a.querySelector("[data-placeholder-image]"),r=new Image;r.src=t.currentSrc,r.decode().catch((()=>{})).then((()=>{t.style.opacity=1,o&&(o.style.opacity=0,o.style.transition="opacity 500ms linear")}))}),!0);</script><link href="//fonts.googleapis.com/css?family=Montserrat:700|Arvo:400,400i,700" rel="stylesheet" type="text/css"/><link rel="preconnect" href="https://www.googletagmanager.com"/><link rel="dns-prefetch" href="https://www.googletagmanager.com"/></head><body><div id="___gatsby"><div style="outline:none" tabindex="-1" id="gatsby-focus-wrapper"><style data-emotion="css 11pfcjj">.css-11pfcjj{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;min-height:100vh;}</style><div class="css-11pfcjj e1wde42w1"><style data-emotion="css-global 8si0wa">*,*::after,*::before{margin:0;padding:0;box-sizing:border-box;}</style><style data-emotion="css gr5rly">.css-gr5rly{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#fff;}</style><header class="css-gr5rly e1z0fsc2"><a aria-current="page" aria-label="Homepage" class="" href="/"><style data-emotion="css zcw0zs animation-14ankzf">.css-zcw0zs{margin-left:1.5rem;}.css-zcw0zs:hover{cursor:pointer;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-ms-transform:scale(1.15);transform:scale(1.15);}.css-zcw0zs:hover #N1,.css-zcw0zs:hover #N2,.css-zcw0zs:hover #N3,.css-zcw0zs:hover #N4,.css-zcw0zs:hover #N5,.css-zcw0zs:hover #N6,.css-zcw0zs:hover #N7,.css-zcw0zs:hover #N8,.css-zcw0zs:hover #N9,.css-zcw0zs:hover #N10,.css-zcw0zs:hover #N11,.css-zcw0zs:hover #N12{-webkit-animation:animation-14ankzf 800ms;animation:animation-14ankzf 800ms;}@-webkit-keyframes animation-14ankzf{0%{transform-origin:50% 50%;}50%{transform-origin:50% 50%;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}80%{transform-origin:50% 50%;-webkit-transform:scale(1.30);-moz-transform:scale(1.30);-ms-transform:scale(1.30);transform:scale(1.30);}100%{transform-origin:50% 50%;}}@keyframes animation-14ankzf{0%{transform-origin:50% 50%;}50%{transform-origin:50% 50%;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}80%{transform-origin:50% 50%;-webkit-transform:scale(1.30);-moz-transform:scale(1.30);-ms-transform:scale(1.30);transform:scale(1.30);}100%{transform-origin:50% 50%;}}</style><svg id="Logo" width="102.744" height="108" viewBox="0 0 114.16 120" class="css-zcw0zs e1z0fsc1"><defs><style>
<!DOCTYPE html><html><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><style id="typography.js">html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}progress{vertical-align:baseline}[hidden],template{display:none}a{background-color:transparent;}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit;font-weight:bolder}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}button,input,optgroup,select,textarea{font:inherit;margin:0}optgroup{font-weight:700}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}html{font:100%/1.6875 'Arvo',sans-serif;box-sizing:border-box;overflow-y:scroll;}*{box-sizing:inherit;}*:before{box-sizing:inherit;}*:after{box-sizing:inherit;}body{color:hsla(0,0%,0%,0.8);font-family:'Arvo',sans-serif;font-weight:400;word-wrap:break-word;font-kerning:normal;-moz-font-feature-settings:"kern", "liga", "clig", "calt";-ms-font-feature-settings:"kern", "liga", "clig", "calt";-webkit-font-feature-settings:"kern", "liga", "clig", "calt";font-feature-settings:"kern", "liga", "clig", "calt";}img{max-width:100%;margin-left:0;margin-right:0;margin-top:0;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;margin-bottom:1.6875rem;}h1{margin-left:0;margin-right:0;margin-top:0;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;margin-bottom:1.6875rem;color:hsla(0,0%,0%,1);font-family:'Montserrat',sans-serif;font-weight:700;text-rendering:optimizeLegibility;font-size:2rem;line-height:1.1;}h2{margin-left:0;margin-right:0;margin-top:0;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;margin-bottom:1.6875rem;color:hsla(0,0%,0%,1);font-family:'Montserrat',sans-serif;font-weight:700;text-rendering:optimizeLegibility;font-size:1.51572rem;line-height:1.1;}h3{margin-left:0;margin-right:0;margin-top:0;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;margin-bottom:1.6875rem;color:hsla(0,0%,0%,1);font-family:'Montserrat',sans-serif;font-weight:700;text-rendering:optimizeLegibility;font-size:1.31951rem;line-height:1.1;}h4{margin-left:0;margin-right:0;margin-top:0;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;margin-bottom:1.6875rem;color:hsla(0,0%,0%,1);font-family:'Montserrat',sans-serif;font-weight:700;text-rendering:optimizeLegibility;font-size:1rem;line-height:1.1;}h5{margin-left:0;margin-right:0;margin-top:0;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;margin-bottom:1.6875rem;color:hsla(0,0%,0%,1);font-family:'Montserrat',sans-serif;font-weight:700;text-rendering:optimizeLegibility;font-size:0.87055rem;line-height:1.1;}h6{margin-left:0;margin-right:0;margin-top:0;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;margin-bottom:1.6875rem;color:hsla(0,0%,0%,1);font-family:'Montserrat',sans-serif;font-weight:700;text-rendering:optimizeLegibility;font-size:0.81225rem;line-height:1.1;}hgroup{margin-left:0;margin-right:0;margin-top:0;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;margin-bottom:1.6875rem;}ul{margin-left:1.6875rem;margin-right:0;margin-top:0;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;margin-bottom:1.6875rem;list-style-position:outside;list-style-image:none;}ol{margin-left:1.6875rem;margin-right:0;margin-top:0;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;margin-bottom:1.6875rem;list-style-position:outside;list-style-image:none;}dl{margin-left:0;margin-right:0;margin-top:0;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;margin-bottom:1.6875rem;}dd{margin-left:0;margin-right:0;margin-top:0;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;margin-bottom:1.6875rem;}p{margin-left:0;margin-right:0;margin-top:0;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;margin-bottom:1.6875rem;}figure{margin-left:0;margin-right:0;margin-top:0;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;margin-bottom:1.6875rem;}pre{margin-left:0;margin-right:0;margin-top:0;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;margin-bottom:1.6875rem;font-size:0.85rem;line-height:1.6875rem;}table{margin-left:0;margin-right:0;margin-top:0;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;margin-bottom:1.6875rem;font-size:1rem;line-height:1.6875rem;border-collapse:collapse;width:100%;}fieldset{margin-left:0;margin-right:0;margin-top:0;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;margin-bottom:1.6875rem;}blockquote{margin-left:0;margin-right:1.6875rem;margin-top:0;padding-bottom:0;padding-left:1.37109rem;padding-right:0;padding-top:0;margin-bottom:1.6875rem;font-size:1.1487rem;line-height:1.6875rem;color:hsla(0,0%,0%,0.59);border-left:0.31641rem solid #fca206;}form{margin-left:0;margin-right:0;margin-top:0;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;margin-bottom:1.6875rem;}noscript{margin-left:0;margin-right:0;margin-top:0;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;margin-bottom:1.6875rem;}iframe{margin-left:0;margin-right:0;margin-top:0;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;margin-bottom:1.6875rem;}hr{margin-left:0;margin-right:0;margin-top:0;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;margin-bottom:calc(1.6875rem - 1px);background:hsla(0,0%,0%,0.2);border:none;height:1px;}address{margin-left:0;margin-right:0;margin-top:0;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;margin-bottom:1.6875rem;}b{font-weight:700;}strong{font-weight:700;}dt{font-weight:700;}th{font-weight:700;}li{margin-bottom:calc(1.6875rem / 2);}ol li{padding-left:0;}ul li{padding-left:0;}li > ol{margin-left:1.6875rem;margin-bottom:calc(1.6875rem / 2);margin-top:calc(1.6875rem / 2);}li > ul{margin-left:1.6875rem;margin-bottom:calc(1.6875rem / 2);margin-top:calc(1.6875rem / 2);}blockquote *:last-child{margin-bottom:0;}li *:last-child{margin-bottom:0;}p *:last-child{margin-bottom:0;}li > p{margin-bottom:calc(1.6875rem / 2);}code{font-size:0.85rem;line-height:1.6875rem;}kbd{font-size:0.85rem;line-height:1.6875rem;}samp{font-size:0.85rem;line-height:1.6875rem;}abbr{border-bottom:1px dotted hsla(0,0%,0%,0.5);cursor:help;}acronym{border-bottom:1px dotted hsla(0,0%,0%,0.5);cursor:help;}abbr[title]{border-bottom:1px dotted hsla(0,0%,0%,0.5);cursor:help;text-decoration:none;}thead{text-align:left;}td,th{text-align:left;border-bottom:1px solid hsla(0,0%,0%,0.12);font-feature-settings:"tnum";-moz-font-feature-settings:"tnum";-ms-font-feature-settings:"tnum";-webkit-font-feature-settings:"tnum";padding-left:1.125rem;padding-right:1.125rem;padding-top:0.84375rem;padding-bottom:calc(0.84375rem - 1px);}th:first-child,td:first-child{padding-left:0;}th:last-child,td:last-child{padding-right:0;}a{color:#4078c0;text-decoration:none;}a:hover,a:active{color:hsla(0,0%,0%,0.8);}h1,h2,h3,h4,h5,h6{margin-top:3.375rem;}blockquote > :last-child{margin-bottom:0;}blockquote cite{font-size:1rem;line-height:1.6875rem;color:hsla(0,0%,0%,0.8);font-weight:400;}blockquote cite:before{content:"— ";}@media only screen and (max-width:480px){blockquote{margin-left:-1.26563rem;margin-right:0;padding-left:0.94922rem;}}h1,h2,h3{border:none;margin-top:0;}a:visited{color:#4078c0;}a:hover{color:#033752;}</style><meta name="generator" content="Gatsby 5.3.2"/><meta charSet="utf-8" data-gatsby-head="true"/><meta name="title" content="Robert Battaglia | Software Engineer" data-gatsby-head="true"/><meta name="description" content="Robert Battaglia&#x27;s Personal Website" data-gatsby-head="true"/><meta name="author" content="Robert Battaglia" data-gatsby-head="true"/><meta name="keywords" content="Robert,Battaglia,Software Engineer" data-gatsby-head="true"/><meta name="image" property="og:image" content="https://com-robertbattaglia.s3.amazonaws.com/ogimage.jpeg" data-gatsby-head="true"/><meta name="twitter:card" content="summary" data-gatsby-head="true"/><meta name="twitter:site" content="@r0bertoB" data-gatsby-head="true"/><meta name="twitter:title" content="Robert Battaglia | Software Engineer" data-gatsby-head="true"/><meta name="twitter:description" content="Robert Battaglia&#x27;s Personal Website" data-gatsby-head="true"/><meta name="twitter:image" content="https://com-robertbattaglia.s3.amazonaws.com/ogimage.jpeg" data-gatsby-head="true"/><title data-gatsby-head="true">Robert Battaglia | Software Engineer</title><style>.gatsby-image-wrapper{position:relative;overflow:hidden}.gatsby-image-wrapper picture.object-fit-polyfill{position:static!important}.gatsby-image-wrapper img{bottom:0;height:100%;left:0;margin:0;max-width:none;padding:0;position:absolute;right:0;top:0;width:100%;object-fit:cover}.gatsby-image-wrapper [data-main-image]{opacity:0;transform:translateZ(0);transition:opacity .25s linear;will-change:opacity}.gatsby-image-wrapper-constrained{display:inline-block;vertical-align:top}</style><noscript><style>.gatsby-image-wrapper noscript [data-main-image]{opacity:1!important}.gatsby-image-wrapper [data-placeholder-image]{opacity:0!important}</style></noscript><script type="module">const e="undefined"!=typeof HTMLImageElement&&"loading"in HTMLImageElement.prototype;e&&document.body.addEventListener("load",(function(e){const t=e.target;if(void 0===t.dataset.mainImage)return;if(void 0===t.dataset.gatsbyImageSsr)return;let a=null,n=t;for(;null===a&&n;)void 0!==n.parentNode.dataset.gatsbyImageWrapper&&(a=n.parentNode),n=n.parentNode;const o=a.querySelector("[data-placeholder-image]"),r=new Image;r.src=t.currentSrc,r.decode().catch((()=>{})).then((()=>{t.style.opacity=1,o&&(o.style.opacity=0,o.style.transition="opacity 500ms linear")}))}),!0);</script><link href="//fonts.googleapis.com/css?family=Montserrat:700|Arvo:400,400i,700" rel="stylesheet" type="text/css"/><link rel="preconnect" href="https://www.googletagmanager.com"/><link rel="dns-prefetch" href="https://www.googletagmanager.com"/></head><body><div id="___gatsby"><div style="outline:none" tabindex="-1" id="gatsby-focus-wrapper"><style data-emotion="css 11pfcjj">.css-11pfcjj{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;min-height:100vh;}</style><div class="css-11pfcjj e1wde42w1"><style data-emotion="css-global 8si0wa">*,*::after,*::before{margin:0;padding:0;box-sizing:border-box;}</style><style data-emotion="css gr5rly">.css-gr5rly{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#fff;}</style><header class="css-gr5rly e1z0fsc2"><a aria-current="page" aria-label="Homepage" class="" href="/"><style data-emotion="css zcw0zs animation-14ankzf">.css-zcw0zs{margin-left:1.5rem;}.css-zcw0zs:hover{cursor:pointer;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-ms-transform:scale(1.15);transform:scale(1.15);}.css-zcw0zs:hover #N1,.css-zcw0zs:hover #N2,.css-zcw0zs:hover #N3,.css-zcw0zs:hover #N4,.css-zcw0zs:hover #N5,.css-zcw0zs:hover #N6,.css-zcw0zs:hover #N7,.css-zcw0zs:hover #N8,.css-zcw0zs:hover #N9,.css-zcw0zs:hover #N10,.css-zcw0zs:hover #N11,.css-zcw0zs:hover #N12{-webkit-animation:animation-14ankzf 800ms;animation:animation-14ankzf 800ms;}@-webkit-keyframes animation-14ankzf{0%{transform-origin:50% 50%;}50%{transform-origin:50% 50%;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}80%{transform-origin:50% 50%;-webkit-transform:scale(1.30);-moz-transform:scale(1.30);-ms-transform:scale(1.30);transform:scale(1.30);}100%{transform-origin:50% 50%;}}@keyframes animation-14ankzf{0%{transform-origin:50% 50%;}50%{transform-origin:50% 50%;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}80%{transform-origin:50% 50%;-webkit-transform:scale(1.30);-moz-transform:scale(1.30);-ms-transform:scale(1.30);transform:scale(1.30);}100%{transform-origin:50% 50%;}}</style><svg id="Logo" width="102.744" height="108" viewBox="0 0 114.16 120" class="css-zcw0zs e1z0fsc1"><defs><style>
.cls-1 {
.cls-1 {
fill: #2d2b61;
fill: #2d2b61;
}
}


.cls-2 {
.cls-2 {
fill: #3d9a92;
fill: #3d9a92;
}
}


.cls-3 {
.cls-3 {
fill: url(#linear-gradient);
fill: url(#linear-gradient);
}
}


.cls-4 {
.cls-4 {
fill: url(#linear-gradient-2);
fill: url(#linear-gradient-2);
}
}


.cls-5 {
.cls-5 {
fill: none;
fill: none;
stroke: #6dc497;
stroke: #6dc497;
stroke-miterlimit: 10;
stroke-miterlimit: 10;
}
}


.cls-6 {
.cls-6 {
fill: url(#linear-gradient-3);
fill: url(#linear-gradient-3);
}
}


.cls-7 {
.cls-7 {
fill: url(#linear-gradient-4);
fill: url(#linear-gradient-4);
}
}


.cls-8 {
.cls-8 {
fill: url(#linear-gradient-5);
fill: url(#linear-gradient-5);
}
}
</style><linearGradient id="linear-gradient" x1="34.85" y1="42.56" x2="42.08" y2="42.56" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#2d2b61"></stop><stop offset="0.05" stop-color="#323c6d"></stop><stop offset="0.2" stop-color="#3d668b"></stop><stop offset="0.36" stop-color="#4788a5"></stop><stop offset="0.51" stop-color="#4ea3b8"></stop><stop offset="0.67" stop-color="#54b7c6"></stop><stop offset="0.83" stop-color="#57c2ce"></stop><stop offset="1" stop-color="#58c6d1"></stop></linearGradient><linearGradient id="linear-gradient-2" x1="42.18" y1="65.11" x2="49" y2="65.11" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#5ec097"></stop><stop offset="1" stop-color="#58c6d1"></stop></linearGradient><linearGradient id="linear-gradient-3" x1="66.59" y1="32.92" x2="73.41" y2="32.92" xlink:href="#linear-gradient-2"></linearGradient><linearGradient id="linear-gradient-4" x1="78.1" y1="97.32" x2="85.34" y2="97.32" gradientTransform="translate(-50.97 144.99) rotate(-79.3)" xlink:href="#linear-gradient"></linearGradient><linearGradient id="linear-gradient-5" x1="82.04" y1="71.08" x2="89.28" y2="71.08" gradientTransform="translate(100.92 181.34) rotate(-137.55)" xlink:href="#linear-gradient"></linearGradient></defs><path id="N12" class="cls-1" d="M34.69,61.7c.06,4.57-7.07,4.57-7,0S34.75,57.14,34.69,61.7Z"></path><g id="N11"><path class="cls-1" d="M55.91,27.17c.05,4-6.22,4-6.16,0S56,23.15,55.91,27.17Z"></path></g><g id="N10"><path class="cls-1" d="M86.89,46.86c.06,4-6.21,4-6.15,0S87,42.84,86.89,46.86Z"></path></g><g id="N9"><path class="cls-1" d="M74.77,66.37c.06,4-6.21,4-6.15,0S74.83,62.35,74.77,66.37Z"></path></g><path class="cls-1" d="M29.17,83.32a98.71,98.71,0,0,1,3-20.22,1,1,0,0,0-1.93-.53,101,101,0,0,0-3.11,20.75c-.06,1.29,1.94,1.29,2,0Z"></path><path class="cls-1" d="M28.59,84.69l30.66-1.06c1.28,0,1.29-2,0-2L28.59,82.69c-1.29,0-1.29,2,0,2Z"></path><path class="cls-1" d="M59.18,83.37a68.47,68.47,0,0,0,16.24,8.26c1.22.43,1.74-1.51.54-1.93a66.3,66.3,0,0,1-15.77-8c-1.06-.74-2.06,1-1,1.72Z"></path><path class="cls-1" d="M76.24,91.33A66.61,66.61,0,0,0,86.9,71.5c.41-1.23-1.52-1.75-1.92-.54a63.94,63.94,0,0,1-10.16,19,1,1,0,0,0,0,1.41,1,1,0,0,0,1.42,0Z"></path><path class="cls-1" d="M87.26,70.66a69.81,69.81,0,0,0-2.72-24.43,1,1,0,0,0-1.92.54,68.15,68.15,0,0,1,2.64,23.89c-.09,1.28,1.91,1.28,2,0Z"></path><path class="cls-1" d="M83.75,45.67A76.67,76.67,0,0,1,71.46,32.82a1,1,0,0,0-1.37-.36,1,1,0,0,0-.36,1.37A78.71,78.71,0,0,0,82.34,47.08c1,.82,2.41-.59,1.41-1.41Z"></path><path class="cls-1" d="M70,32,53.47,25.83c-1.21-.45-1.73,1.48-.54,1.93L69.51,33.9c1.2.45,1.73-1.49.53-1.93Z"></path><path class="cls-1" d="M52.13,25.64a44.81,44.81,0,0,0-14,15.56c-.61,1.13,1.12,2.14,1.73,1A42.56,42.56,0,0,1,53.14,27.37c1.06-.73.06-2.46-1-1.73Z"></path><path class="cls-1" d="M38.16,41.41a72.29,72.29,0,0,1-7.45,19.08,1,1,0,0,0,1.72,1,73.65,73.65,0,0,0,7.66-19.56c.29-1.25-1.64-1.78-1.93-.53Z"></path><path class="cls-1" d="M69.67,32.26a68.32,68.32,0,0,0-12,15.91c-.61,1.13,1.11,2.14,1.73,1a67,67,0,0,1,11.64-15.5,1,1,0,0,0-1.42-1.41Z"></path><path class="cls-1" d="M52,26.8l5,22c.28,1.25,2.21.72,1.93-.54l-5-22c-.28-1.25-2.21-.72-1.92.53Z"></path><path class="cls-1" d="M38.46,43.2l19.26,5.86c1.23.38,1.76-1.55.53-1.93L39,41.27a1,1,0,0,0-.53,1.93Z"></path><path class="cls-1" d="M57.08,47.68,45,65.05c-.74,1.06,1,2.06,1.72,1L58.8,48.69c.74-1.06-1-2.06-1.72-1Z"></path><path class="cls-1" d="M46.19,65.67,39.77,42.22a1,1,0,0,0-1.92.53L44.26,66.2a1,1,0,0,0,1.93-.53Z"></path><path class="cls-1" d="M45.67,64.81a26.61,26.61,0,0,0-13.42-3.25,1,1,0,0,0,0,2,24.62,24.62,0,0,1,12.41,3c1.13.61,2.14-1.11,1-1.73Z"></path><path class="cls-1" d="M44.72,65.31,28.18,82.75c-.89.94.52,2.35,1.41,1.42L46.14,66.72c.88-.93-.53-2.35-1.42-1.41Z"></path><path class="cls-1" d="M45.25,66.82l26-.13a1,1,0,0,0,0-2l-26,.13a1,1,0,0,0,0,2Z"></path><path class="cls-1" d="M71.18,66.53a26.65,26.65,0,0,0,14.06,5.55,1,1,0,0,0,1-1,1,1,0,0,0-1-1,24.19,24.19,0,0,1-12.65-5,1,1,0,0,0-1.41,0,1,1,0,0,0,0,1.41Z"></path><path class="cls-1" d="M71,65.77l3.66,24.47a1,1,0,0,0,1.23.7,1,1,0,0,0,.7-1.23L72.88,65.23a1,1,0,0,0-1.23-.69,1,1,0,0,0-.7,1.23Z"></path><path class="cls-1" d="M60.39,83A53,53,0,0,0,73.56,66.73c.59-1.14-1.13-2.15-1.73-1A51.41,51.41,0,0,1,59,81.54c-1,.82.43,2.23,1.42,1.42Z"></path><path class="cls-1" d="M60.69,81.23l-14.56-16c-.87-1-2.28.46-1.41,1.41l14.56,16c.87,1,2.28-.46,1.41-1.41Z"></path><path class="cls-1" d="M72.57,66.33A65.73,65.73,0,0,0,85.09,47.47a1,1,0,0,0-.36-1.37,1,1,0,0,0-1.37.36,64,64,0,0,1-12.2,18.46c-.89.93.52,2.35,1.41,1.41Z"></path><path class="cls-1" d="M58.25,49.57,83.08,48c1.28-.09,1.29-2.09,0-2l-24.83,1.6c-1.28.08-1.29,2.08,0,2Z"></path><path class="cls-1" d="M72.27,65.27,58.59,47.82a1,1,0,0,0-1.41,0,1,1,0,0,0,0,1.41L70.85,66.69a1,1,0,0,0,1.42,0,1,1,0,0,0,0-1.42Z"></path><g id="N8"><polygon class="cls-2" points="32.04 84 31.39 85.41 30.23 86.42 28.71 86.75 27.2 86.42 25.91 85.56 25.17 84.2 25.19 82.64 25.79 81.22 26.98 80.26 28.47 79.93 30 80.2 31.27 81.09 31.98 82.45 32.04 84"></polygon></g><g id="N7"><polygon class="cls-3" points="42.09 42.55 41.76 44.12 40.8 45.42 39.29 46.02 37.67 46.05 36.22 45.34 35.17 44.13 34.85 42.55 35.19 40.97 36.19 39.71 37.67 39.07 39.29 39.09 40.76 39.75 41.75 40.98 42.09 42.55"></polygon></g><g id="N6"><polygon class="cls-2" points="79.17 90.52 78.83 92.15 77.74 93.37 76.24 94.01 74.58 94.12 73.03 93.47 72.07 92.12 71.67 90.52 71.99 88.87 73.02 87.54 74.59 86.95 76.26 86.91 77.77 87.62 78.79 88.9 79.17 90.52"></polygon></g><g id="N5"><polygon class="cls-4" points="49 65.11 48.79 66.64 47.78 67.82 46.37 68.46 44.8 68.46 43.39 67.82 42.47 66.6 42.18 65.11 42.38 63.57 43.36 62.35 44.82 61.84 46.37 61.76 47.8 62.37 48.83 63.56 49 65.11"></polygon><polygon class="cls-5" points="49 65.11 48.79 66.64 47.78 67.82 46.37 68.46 44.8 68.46 43.39 67.82 42.47 66.6 42.18 65.11 42.38 63.57 43.36 62.35 44.82 61.84 46.37 61.76 47.8 62.37 48.83 63.56 49 65.11"></polygon></g><g id="N4"><polygon class="cls-2" points="61.65 48.53 61.45 50.2 60.37 51.5 58.8 52.05 57.16 52.04 55.6 51.47 54.58 50.16 54.23 48.53 54.55 46.89 55.62 45.62 57.16 45.04 58.8 45.04 60.35 45.59 61.43 46.88 61.65 48.53"></polygon></g><g id="N3"><polygon class="cls-6" points="73.41 32.92 73.2 34.45 72.19 35.63 70.78 36.27 69.21 36.26 67.8 35.63 66.88 34.41 66.58 32.92 66.79 31.38 67.77 30.16 69.23 29.65 70.78 29.57 72.21 30.18 73.24 31.36 73.41 32.92"></polygon><polygon class="cls-5" points="73.41 32.92 73.2 34.45 72.19 35.63 70.78 36.27 69.21 36.26 67.8 35.63 66.88 34.41 66.58 32.92 66.79 31.38 67.77 30.16 69.23 29.65 70.78 29.57 72.21 30.18 73.24 31.36 73.41 32.92"></polygon></g><g id="N2"><polygon class="cls-7" points="60.5 79.21 61.98 79.83 63.08 81 63.39 82.6 63.11 84.2 62.15 85.5 60.77 86.3 59.15 86.32 57.67 85.69 56.62 84.48 56.26 82.9 56.58 81.31 57.5 80 58.9 79.25 60.5 79.21"></polygon></g><g id="N1"><polygon class="cls-8" points="83.02 68.64 84.32 67.71 85.9 67.39 87.42 67.97 88.64 69.04 89.23 70.54 89.19 72.14 88.36 73.53 87.04 74.46 85.46 74.71 83.93 74.19 82.75 73.08 82.11 71.61 82.21 70.02 83.02 68.64"></polygon></g></svg></a><style data-emotion="css cxru6">.css-cxru6{margin-right:3rem;padding:0.5rem 1rem;border:2px solid #4ccdd6;border-radius:1rem;color:#4078c0;background-color:#fff;font-size:1rem;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;cursor:pointer;}.css-cxru6:hover{background-color:#4078c0;color:#fff;}</style><button class="css-cxru6 e1z0fsc0">Contact</button></header><style data-emotion="css 1ff36h2">.css-1ff36h2{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}</style><main class="css-1ff36h2 e1wde42w0"><style data-emotion="css hual3x">.css-hual3x{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;text-align:center;padding:0 2rem;}</style><section id="intro" class="css-hual3x e1qk2ge82"><style data-emotion="css 4w50d6 animation-1vi7amv">.css-4w50d6{margin-top:3.375rem;margin-bottom:0.25rem;letter-spacing:0px;-webkit-animation-name:animation-1vi7amv;animation-name:animation-1vi7amv;-webkit-animation-duration:1200ms;animation-duration:1200ms;font-size:calc(12px + 2vw);}@media (min-width: 760px){.css-4w50d6{margin-bottom:0.75rem;letter-spacing:8px;}}@-webkit-keyframes animation-1vi7amv{0%{opacity:0;-webkit-transform:translateX(-100px);-moz-transform:translateX(-100px);-ms-transform:translateX(-100px);transform:translateX(-100px);}80%{-webkit-transform:translateX(20px);-moz-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px);}100%{opacity:1;-webkit-transform:translate(0);-moz-transform:translate(0);-ms-transform:translate(0);transform:translate(0);}}@keyframes animation-1vi7amv{0%{opacity:0;-webkit-transform:translateX(-100px);-moz-transform:translateX(-100px);-ms-transform:translateX(-100px);transform:translateX(-100px);}80%{-webkit-transform:translateX(20px);-moz-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px);}100%{opacity:1;-webkit-transform:translate(0);-moz-transform:translate(0);-ms-transform:translate(0);transform:translate(0);}}</style><h1 class="css-4w50d6 e1qk2ge81">Software Engineer</h1><style data-emotion="css lvp5c2 animation-14nuwn">.css-lvp5c2{margin:0 0 2rem 0;-webkit-animation-name:animation-14nuwn;animation-name:animation-14nuwn;-webkit-animation-duration:1200ms;animation-duration:1200ms;font-size:calc(9px + 1vw);}@-webkit-keyframes animation-14nuwn{0%{opacity:0;-webkit-transform:translateX(60px);-moz-transform:translateX(60px);-ms-transform:translateX(60px);transform:translateX(60px);}80%{-webkit-transform:translateX(-16px);-moz-transform:translateX(-16px);-ms-transform:translateX(-16px);transform:translateX(-16px);}100%{opacity:1;-webkit-transform:translate(0);-moz-transform:translate(0);-ms-transform:translate(0);transform:translate(0);}}@keyframes animation-14nuwn{0%{opacity:0;-webkit-transform:translateX(60px);-moz-transform:translateX(60px);-ms-transform:translateX(60px);transform:translateX(60px);}80%{-webkit-transform:translateX(-16px);-moz-transform:translateX(-16px);-ms-transform:translateX(-16px);transform:translateX(-16px);}100%{opacity:1;-webkit-tran
</style><linearGradient id="linear-gradient" x1="34.85" y1="42.56" x2="42.08" y2="42.56" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#2d2b61"></stop><stop offset="0.05" stop-color="#323c6d"></stop><stop offset="0.2" stop-color="#3d668b"></stop><stop offset="0.36" stop-color="#4788a5"></stop><stop offset="0.51" stop-color="#4ea3b8"></stop><stop offset="0.67" stop-color="#54b7c6"></stop><stop offset="0.83" stop-color="#57c2ce"></stop><stop offset="1" stop-color="#58c6d1"></stop></linearGradient><linearGradient id="linear-gradient-2" x1="42.18" y1="65.11" x2="49" y2="65.11" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#5ec097"></stop><stop offset="1" stop-color="#58c6d1"></stop></linearGradient><linearGradient id="linear-gradient-3" x1="66.59" y1="32.92" x2="73.41" y2="32.92" xlink:href="#linear-gradient-2"></linearGradient><linearGradient id="linear-gradient-4" x1="78.1" y1="97.32" x2="85.34" y2="97.32" gradientTransform="translate(-50.97 144.99) rotate(-79.3)" xlink:href="#linear-gradient"></linearGradient><linearGradient id="linear-gradient-5" x1="82.04" y1="71.08" x2="89.28" y2="71.08" gradientTransform="translate(100.92 181.34) rotate(-137.55)" xlink:href="#linear-gradient"></linearGradient></defs><path id="N12" class="cls-1" d="M34.69,61.7c.06,4.57-7.07,4.57-7,0S34.75,57.14,34.69,61.7Z"></path><g id="N11"><path class="cls-1" d="M55.91,27.17c.05,4-6.22,4-6.16,0S56,23.15,55.91,27.17Z"></path></g><g id="N10"><path class="cls-1" d="M86.89,46.86c.06,4-6.21,4-6.15,0S87,42.84,86.89,46.86Z"></path></g><g id="N9"><path class="cls-1" d="M74.77,66.37c.06,4-6.21,4-6.15,0S74.83,62.35,74.77,66.37Z"></path></g><path class="cls-1" d="M29.17,83.32a98.71,98.71,0,0,1,3-20.22,1,1,0,0,0-1.93-.53,101,101,0,0,0-3.11,20.75c-.06,1.29,1.94,1.29,2,0Z"></path><path class="cls-1" d="M28.59,84.69l30.66-1.06c1.28,0,1.29-2,0-2L28.59,82.69c-1.29,0-1.29,2,0,2Z"></path><path class="cls-1" d="M59.18,83.37a68.47,68.47,0,0,0,16.24,8.26c1.22.43,1.74-1.51.54-1.93a66.3,66.3,0,0,1-15.77-8c-1.06-.74-2.06,1-1,1.72Z"></path><path class="cls-1" d="M76.24,91.33A66.61,66.61,0,0,0,86.9,71.5c.41-1.23-1.52-1.75-1.92-.54a63.94,63.94,0,0,1-10.16,19,1,1,0,0,0,0,1.41,1,1,0,0,0,1.42,0Z"></path><path class="cls-1" d="M87.26,70.66a69.81,69.81,0,0,0-2.72-24.43,1,1,0,0,0-1.92.54,68.15,68.15,0,0,1,2.64,23.89c-.09,1.28,1.91,1.28,2,0Z"></path><path class="cls-1" d="M83.75,45.67A76.67,76.67,0,0,1,71.46,32.82a1,1,0,0,0-1.37-.36,1,1,0,0,0-.36,1.37A78.71,78.71,0,0,0,82.34,47.08c1,.82,2.41-.59,1.41-1.41Z"></path><path class="cls-1" d="M70,32,53.47,25.83c-1.21-.45-1.73,1.48-.54,1.93L69.51,33.9c1.2.45,1.73-1.49.53-1.93Z"></path><path class="cls-1" d="M52.13,25.64a44.81,44.81,0,0,0-14,15.56c-.61,1.13,1.12,2.14,1.73,1A42.56,42.56,0,0,1,53.14,27.37c1.06-.73.06-2.46-1-1.73Z"></path><path class="cls-1" d="M38.16,41.41a72.29,72.29,0,0,1-7.45,19.08,1,1,0,0,0,1.72,1,73.65,73.65,0,0,0,7.66-19.56c.29-1.25-1.64-1.78-1.93-.53Z"></path><path class="cls-1" d="M69.67,32.26a68.32,68.32,0,0,0-12,15.91c-.61,1.13,1.11,2.14,1.73,1a67,67,0,0,1,11.64-15.5,1,1,0,0,0-1.42-1.41Z"></path><path class="cls-1" d="M52,26.8l5,22c.28,1.25,2.21.72,1.93-.54l-5-22c-.28-1.25-2.21-.72-1.92.53Z"></path><path class="cls-1" d="M38.46,43.2l19.26,5.86c1.23.38,1.76-1.55.53-1.93L39,41.27a1,1,0,0,0-.53,1.93Z"></path><path class="cls-1" d="M57.08,47.68,45,65.05c-.74,1.06,1,2.06,1.72,1L58.8,48.69c.74-1.06-1-2.06-1.72-1Z"></path><path class="cls-1" d="M46.19,65.67,39.77,42.22a1,1,0,0,0-1.92.53L44.26,66.2a1,1,0,0,0,1.93-.53Z"></path><path class="cls-1" d="M45.67,64.81a26.61,26.61,0,0,0-13.42-3.25,1,1,0,0,0,0,2,24.62,24.62,0,0,1,12.41,3c1.13.61,2.14-1.11,1-1.73Z"></path><path class="cls-1" d="M44.72,65.31,28.18,82.75c-.89.94.52,2.35,1.41,1.42L46.14,66.72c.88-.93-.53-2.35-1.42-1.41Z"></path><path class="cls-1" d="M45.25,66.82l26-.13a1,1,0,0,0,0-2l-26,.13a1,1,0,0,0,0,2Z"></path><path class="cls-1" d="M71.18,66.53a26.65,26.65,0,0,0,14.06,5.55,1,1,0,0,0,1-1,1,1,0,0,0-1-1,24.19,24.19,0,0,1-12.65-5,1,1,0,0,0-1.41,0,1,1,0,0,0,0,1.41Z"></path><path class="cls-1" d="M71,65.77l3.66,24.47a1,1,0,0,0,1.23.7,1,1,0,0,0,.7-1.23L72.88,65.23a1,1,0,0,0-1.23-.69,1,1,0,0,0-.7,1.23Z"></path><path class="cls-1" d="M60.39,83A53,53,0,0,0,73.56,66.73c.59-1.14-1.13-2.15-1.73-1A51.41,51.41,0,0,1,59,81.54c-1,.82.43,2.23,1.42,1.42Z"></path><path class="cls-1" d="M60.69,81.23l-14.56-16c-.87-1-2.28.46-1.41,1.41l14.56,16c.87,1,2.28-.46,1.41-1.41Z"></path><path class="cls-1" d="M72.57,66.33A65.73,65.73,0,0,0,85.09,47.47a1,1,0,0,0-.36-1.37,1,1,0,0,0-1.37.36,64,64,0,0,1-12.2,18.46c-.89.93.52,2.35,1.41,1.41Z"></path><path class="cls-1" d="M58.25,49.57,83.08,48c1.28-.09,1.29-2.09,0-2l-24.83,1.6c-1.28.08-1.29,2.08,0,2Z"></path><path class="cls-1" d="M72.27,65.27,58.59,47.82a1,1,0,0,0-1.41,0,1,1,0,0,0,0,1.41L70.85,66.69a1,1,0,0,0,1.42,0,1,1,0,0,0,0-1.42Z"></path><g id="N8"><polygon class="cls-2" points="32.04 84 31.39 85.41 30.23 86.42 28.71 86.75 27.2 86.42 25.91 85.56 25.17 84.2 25.19 82.64 25.79 81.22 26.98 80.26 28.47 79.93 30 80.2 31.27 81.09 31.98 82.45 32.04 84"></polygon></g><g id="N7"><polygon class="cls-3" points="42.09 42.55 41.76 44.12 40.8 45.42 39.29 46.02 37.67 46.05 36.22 45.34 35.17 44.13 34.85 42.55 35.19 40.97 36.19 39.71 37.67 39.07 39.29 39.09 40.76 39.75 41.75 40.98 42.09 42.55"></polygon></g><g id="N6"><polygon class="cls-2" points="79.17 90.52 78.83 92.15 77.74 93.37 76.24 94.01 74.58 94.12 73.03 93.47 72.07 92.12 71.67 90.52 71.99 88.87 73.02 87.54 74.59 86.95 76.26 86.91 77.77 87.62 78.79 88.9 79.17 90.52"></polygon></g><g id="N5"><polygon class="cls-4" points="49 65.11 48.79 66.64 47.78 67.82 46.37 68.46 44.8 68.46 43.39 67.82 42.47 66.6 42.18 65.11 42.38 63.57 43.36 62.35 44.82 61.84 46.37 61.76 47.8 62.37 48.83 63.56 49 65.11"></polygon><polygon class="cls-5" points="49 65.11 48.79 66.64 47.78 67.82 46.37 68.46 44.8 68.46 43.39 67.82 42.47 66.6 42.18 65.11 42.38 63.57 43.36 62.35 44.82 61.84 46.37 61.76 47.8 62.37 48.83 63.56 49 65.11"></polygon></g><g id="N4"><polygon class="cls-2" points="61.65 48.53 61.45 50.2 60.37 51.5 58.8 52.05 57.16 52.04 55.6 51.47 54.58 50.16 54.23 48.53 54.55 46.89 55.62 45.62 57.16 45.04 58.8 45.04 60.35 45.59 61.43 46.88 61.65 48.53"></polygon></g><g id="N3"><polygon class="cls-6" points="73.41 32.92 73.2 34.45 72.19 35.63 70.78 36.27 69.21 36.26 67.8 35.63 66.88 34.41 66.58 32.92 66.79 31.38 67.77 30.16 69.23 29.65 70.78 29.57 72.21 30.18 73.24 31.36 73.41 32.92"></polygon><polygon class="cls-5" points="73.41 32.92 73.2 34.45 72.19 35.63 70.78 36.27 69.21 36.26 67.8 35.63 66.88 34.41 66.58 32.92 66.79 31.38 67.77 30.16 69.23 29.65 70.78 29.57 72.21 30.18 73.24 31.36 73.41 32.92"></polygon></g><g id="N2"><polygon class="cls-7" points="60.5 79.21 61.98 79.83 63.08 81 63.39 82.6 63.11 84.2 62.15 85.5 60.77 86.3 59.15 86.32 57.67 85.69 56.62 84.48 56.26 82.9 56.58 81.31 57.5 80 58.9 79.25 60.5 79.21"></polygon></g><g id="N1"><polygon class="cls-8" points="83.02 68.64 84.32 67.71 85.9 67.39 87.42 67.97 88.64 69.04 89.23 70.54 89.19 72.14 88.36 73.53 87.04 74.46 85.46 74.71 83.93 74.19 82.75 73.08 82.11 71.61 82.21 70.02 83.02 68.64"></polygon></g></svg></a><style data-emotion="css cxru6">.css-cxru6{margin-right:3rem;padding:0.5rem 1rem;border:2px solid #4ccdd6;border-radius:1rem;color:#4078c0;background-color:#fff;font-size:1rem;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;cursor:pointer;}.css-cxru6:hover{background-color:#4078c0;color:#fff;}</style><button class="css-cxru6 e1z0fsc0">Contact</button></header><style data-emotion="css 1ff36h2">.css-1ff36h2{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}</style><main class="css-1ff36h2 e1wde42w0"><style data-emotion="css hual3x">.css-hual3x{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;text-align:center;padding:0 2rem;}</style><section id="intro" class="css-hual3x e1qk2ge82"><style data-emotion="css 4w50d6 animation-1vi7amv">.css-4w50d6{margin-top:3.375rem;margin-bottom:0.25rem;letter-spacing:0px;-webkit-animation-name:animation-1vi7amv;animation-name:animation-1vi7amv;-webkit-animation-duration:1200ms;animation-duration:1200ms;font-size:calc(12px + 2vw);}@media (min-width: 760px){.css-4w50d6{margin-bottom:0.75rem;letter-spacing:8px;}}@-webkit-keyframes animation-1vi7amv{0%{opacity:0;-webkit-transform:translateX(-100px);-moz-transform:translateX(-100px);-ms-transform:translateX(-100px);transform:translateX(-100px);}80%{-webkit-transform:translateX(20px);-moz-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px);}100%{opacity:1;-webkit-transform:translate(0);-moz-transform:translate(0);-ms-transform:translate(0);transform:translate(0);}}@keyframes animation-1vi7amv{0%{opacity:0;-webkit-transform:translateX(-100px);-moz-transform:translateX(-100px);-ms-transform:translateX(-100px);transform:translateX(-100px);}80%{-webkit-transform:translateX(20px);-moz-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px);}100%{opacity:1;-webkit-transform:translate(0);-moz-transform:translate(0);-ms-transform:translate(0);transform:translate(0);}}</style><h1 class="css-4w50d6 e1qk2ge81">Software Engineer</h1><style data-emotion="css lvp5c2 animation-14nuwn">.css-lvp5c2{margin:0 0 2rem 0;-webkit-animation-name:animation-14nuwn;animation-name:animation-14nuwn;-webkit-animation-duration:1200ms;animation-duration:1200ms;font-size:calc(9px + 1vw);}@-webkit-keyframes animation-14nuwn{0%{opacity:0;-webkit-transform:translateX(60px);-moz-transform:translateX(60px);-ms-transform:translateX(60px);transform:translateX(60px);}80%{-webkit-transform:translateX(-16px);-moz-transform:translateX(-16px);-ms-transform:translateX(-16px);transform:translateX(-16px);}100%{opacity:1;-webkit-transform:translate(0);-moz-transform:translate(0);-ms-transform:translate(0);transform:translate(0);}}@keyframes animation-14nuwn{0%{opacity:0;-webkit-transform:translateX(60px);-moz-transform:translateX(60px);-ms-transform:translateX(60px);transform:translateX(60px);}80%{-webkit-transform:translateX(-16px);-moz-transform:translateX(-16px);-ms-transform:translateX(-16px);transform:translateX(-16px);}100%{opacity:1;-webkit-tran