@font-face{font-family:fontello;src:url(/font/fontello.eot?51020944);src:url(/font/fontello.eot?51020944#iefix) format("embedded-opentype"),url(/font/fontello.woff2?51020944) format("woff2"),url(/font/fontello.woff?51020944) format("woff"),url(/font/fontello.ttf?51020944) format("truetype"),url(/font/fontello.svg?51020944#fontello) format("svg");font-weight:400;font-style:normal}:root{--font-heading: "Inconsolata", ui-monospace, monospace;--font-body: "Roboto", system-ui, sans-serif}[class^=icon-]:before,[class*=" icon-"]:before{font-family:fontello;font-style:normal;font-weight:400;display:inline-block;text-decoration:inherit;width:1em;margin-right:.2em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;margin-left:.2em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-mail:before{content:""}.icon-emo-happy:before{content:""}.icon-twitter:before{content:""}.icon-mail-alt:before{content:""}.icon-linkedin:before{content:""}body{margin:0}.background{position:fixed;inset:0;z-index:-1;background:#ecfe86 url(/img/squiggle.png) no-repeat center center / cover}main{--indent: 38px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;box-sizing:border-box;min-height:100dvh;padding:3rem 1rem;font-family:var(--font-body);font-optical-sizing:auto;font-weight:400;color:#475209}.profile{position:relative;display:flex}.profileImg{display:flex;width:200px;aspect-ratio:1;border-radius:50%;overflow:hidden}.profileImg img{width:100%;height:100%;object-fit:cover}.profile .social{position:absolute;top:50%;right:-20px;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:#fff;border-radius:50%;color:#b3c354;transition:.3s}.profile .social i{display:flex;font-size:20px}.profile .social:hover{background-color:#b3c354}.profile .social:hover i{color:#fff}.content{display:flex;flex-direction:column;gap:2.5rem;width:100%;max-width:275px}.content section{display:flex;flex-direction:column;gap:10px}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading)}h1{margin:0;font-size:44px;font-weight:700;text-align:center}h3{display:flex;align-items:flex-start;gap:8px;margin:0;font-size:16px;line-height:1.5;letter-spacing:.5px}h3 span{flex:none;width:30px;font-size:24px;line-height:1.25}p{margin:0;font-size:14px;font-weight:300;line-height:1.5}.content p{padding-left:var(--indent)}@media only screen and (min-width:601px){.profileImg{width:300px}}