html{box-sizing:border-box;font-size:20px;line-height:1.5}*,:before,:after{box-sizing:inherit}body{text-rendering:optimizelegibility;background:#fbfbfb;margin:0;padding:0;font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:.8rem;overflow-x:hidden}a{outline:none;text-decoration:none}h1,h2,h3,h4,h5,h6{font-weight:300}h1{font-size:2rem}h2{font-size:1.6rem}h3{font-size:1.4rem}h4{font-size:1.2rem}h5{font-size:1rem}h6{font-size:.8rem}body{transition:background .25s linear}body .button{transition:color .25s linear}body[data-theme=dark]{background:#242429}body[data-theme=dark] .button{color:#242429}body[data-theme=dark] .button:hover,body[data-theme=dark] .button:focus{background-color:#989898;border-color:#989898}body[data-theme=dark] .contact-links svg:hover path,body[data-theme=dark] .contact-links svg:hover polygon{fill:#989898}@media (prefers-color-scheme:dark){body:not([data-theme]){background:#242429}body:not([data-theme]) .button{color:#242429}body:not([data-theme]) .button:hover,body:not([data-theme]) .button:focus{background-color:#989898;border-color:#989898}body:not([data-theme]) .contact-links svg:hover path,body:not([data-theme]) .contact-links svg:hover polygon{fill:#989898}}.container{width:100%;max-width:60rem;margin:0 auto;padding:0 1rem;position:relative}.row{flex-direction:row;display:flex}.centered{margin:0 auto}.button{color:#fff;cursor:pointer;background-color:#727272;border-color:#727272;border-radius:.3em;padding:.7em 1.4em;text-decoration:none;display:inline-block}.button:hover,.button:focus{background-color:#4c4c4c;border-color:#4c4c4c}.index-container{flex-direction:column;justify-content:center;min-height:100vh;padding:2rem 1rem;display:flex}.logo{margin-bottom:2.2rem}.logo svg{width:150px}@media (width<=600px){.logo svg{width:100px}}.logo svg path{fill:#0000;stroke:#727272}.name{color:#727272;letter-spacing:.2rem;text-align:center;-webkit-user-select:none;user-select:none;cursor:default;margin-bottom:1rem;font-size:2.4rem}.tagline{color:#727272;letter-spacing:.05rem;text-align:center;-webkit-user-select:none;user-select:none;cursor:default;margin-bottom:2.4rem;font-size:1.4rem}.tagline a{color:#727272;border-bottom:1px dotted #727272}.tagline a:hover{border-bottom-style:dashed}.resume-link{-webkit-user-select:none;user-select:none;letter-spacing:.08rem;text-transform:uppercase;margin-bottom:1rem;font-weight:700;animation:.8s 18s hop}.contact-links{width:50%;margin-top:1rem}@media (width<=600px){.contact-links{width:100%}}.contact-links svg{width:50px}@media (width<=600px){.contact-links svg{width:40px}}.contact-links svg path,.contact-links svg polygon{fill:#727272}.contact-links svg:hover path,.contact-links svg:hover polygon{fill:#4c4c4c}@keyframes hop{10%,90%{transform:translateY(-1px)}20%,80%{transform:translateY(2px)}30%,50%,70%{transform:translateY(-4px)}40%,60%{transform:translateY(4px)}}