:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;background:#363333}#root{display:flex;flex-direction:column;align-items:center;width:100vw;height:100vh;height:100dvh}img{margin-top:auto;width:6em;height:6em}h1{font-family:Georgia,serif;font-size:3em;letter-spacing:.02em}.contact{position:relative;width:12em;height:3em;margin:1em 0;border-radius:8px;border:1px solid transparent;font-size:1em;background:#111;transition:border-color .2s}.contact:hover{border-color:#cc669e}.contact>*{position:absolute;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.contact button{color:inherit;font-size:inherit;border:0;cursor:pointer;background:transparent;animation:fade .4s reverse forwards;animation-play-state:paused}.contact button.hidden{animation-play-state:running}.contact button svg{width:2em;height:2em}.contact a{color:inherit;text-decoration:none;animation:fade .4s}.footer{margin:auto 0 1em;color:#666}@keyframes fade{0%{opacity:0}to{opacity:1}}