#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}div.name{font-size:42px;font-family:Archivo Black,sans-serif;font-weight:400;font-style:normal;color:#87cefa}div.job{font-size:22px;font-family:Lato,sans-serif;font-weight:300;font-style:normal;color:#b0c4de;margin-bottom:30px}div.background{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(#0000004d,#0000004d),url(/assets/background-B5DVVOAy.webp) no-repeat;background-size:cover}div.social{display:flex;gap:1em;justify-content:center}div.centered{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}button{width:60px;height:60px;border-radius:50px;border:2px solid transparent;padding:10px;font-size:16px;cursor:pointer;transition:border-color .5s}button img{width:100%;height:100%}button.linkedin{background-color:#0077b5}button.linkedin img{filter:invert(1)}button.linkedin:hover{filter:drop-shadow(0 0 .5em #0066a4);border-color:#0066a4}button.github{background-color:#333}button.github img{filter:invert(1)}button.github:hover{filter:drop-shadow(0 0 .5em #222222);border-color:#222}button.email{background-color:#dd4b39}button.email img{filter:invert(1)}button.email:hover{filter:drop-shadow(0 0 .5em #cc3a28);border-color:#cc3a28}button:hover{transform:scale(1.1);transition:transform .3s}button:not(:hover){transform:scale(1);transition:transform .3s}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
