html{box-sizing:border-box;font-size:20px;line-height:1.5}*,*:before,*:after{box-sizing:inherit}body{font-size:.8rem;font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;background:#fbfbfb;margin:0;padding:0;overflow-x:hidden;text-rendering:optimizeLegibility}a{text-decoration:none;outline: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{margin:0 auto;max-width:60rem;padding:0 1rem;position:relative;width:100%}.row{display:flex;flex-direction:row}.centered{margin:0 auto}.button{display:inline-block;background-color:#727272;border-color:#727272;color:#fff;padding:.7em 1.4em;border-radius:.3em;cursor:pointer;text-decoration:none}.button:hover,.button:focus{background-color:#4c4c4c;border-color:#4c4c4c}.index-container{display:flex;flex-direction:column;justify-content:center;padding:2rem 0;min-height:100vh}.logo{margin-bottom:2.2rem}.logo svg{width:150px}@media(max-width:600px){.logo svg{width:100px}}.logo svg path{fill:transparent;stroke:#727272}.name{color:#727272;font-size:2.4rem;letter-spacing:.2rem;text-align:center;-webkit-user-select:none;user-select:none;cursor:default;margin-bottom:1rem}.tagline{color:#727272;font-size:1.4rem;letter-spacing:.05rem;text-align:center;-webkit-user-select:none;user-select:none;cursor:default;margin-bottom:2.4rem}.tagline a{color:#727272;border-bottom:1px #727272 dotted}.tagline a:hover{border-bottom-style:dashed}.resume-link{margin-bottom:1rem;animation:hop .8s;animation-delay:18s;-webkit-user-select:none;user-select:none;font-weight:700;letter-spacing:.08rem;text-transform:uppercase}.contact-links{width:50%;margin-top:1rem}@media(max-width:600px){.contact-links{width:100%}}.contact-links svg{width:50px}@media(max-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:translate3d(0,-1px,0)}20%,80%{transform:translate3d(0,2px,0)}30%,50%,70%{transform:translate3d(0,-4px,0)}40%,60%{transform:translate3d(0,4px,0)}}