@import"https://rsms.me/inter/inter.css";*{box-sizing:border-box}html,body,#root,.scroll{width:100%;height:100%;margin:0;padding:0;-webkit-user-select:none;user-select:none;overflow:hidden}#root{overflow:auto}.scroll{position:absolute;top:0;left:0;overflow-y:auto;scroll-snap-type:y proximity}.scroll>div{scroll-snap-align:start;max-width:600px}body{position:absolute;overflow:hidden;overscroll-behavior-y:none;background-color:#101010;background:radial-gradient(circle at bottom center,#212121,#101010 80%);font-family:Inter var,sans-serif;-webkit-font-smoothing:antialiased}.caption{pointer-events:none;position:fixed;top:0;right:0;margin:80px;color:#f5840c;font-size:5em;font-weight:100;line-height:1em;font-variant-numeric:tabular-nums;-webkit-font-smoothing:auto}.dot{position:sticky;top:0;display:inline-block;max-width:600px;padding:80px;color:#f5840c;line-height:1.6em;font-size:18px;letter-spacing:1.5px}.dot.contact>a{color:#ff9100}.dot.intro{font-size:.95em;max-width:600px;text-align:left}.dot.intro>p{font-size:1.2em}.resume{background:#f77d24;display:inline-block;color:#fff;text-decoration:none;text-transform:uppercase;font-size:18px;padding:15px;margin:15px}.dot.skills{max-width:600px}.dot>h1{-webkit-font-smoothing:auto;pointer-events:none;color:#f5840c;font-size:4em;font-weight:200;line-height:1em;margin:0 0 .25em;padding-bottom:20px}.dot>h3{-webkit-font-smoothing:auto;pointer-events:none;color:#ed8a4c;font-size:1.25em;font-weight:600;line-height:1em;margin:0 0 .25em}.dot>p{color:#fffcf9;font-size:1.2em;font-weight:400;line-height:1.3em}.dot>ul{list-style-type:none}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(70px,1fr));gap:10px;justify-items:center;align-items:center;padding:10px}.skill-item{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:20px}.skill-item img{width:50px;height:50px}.skill-item p{margin-top:10px;font-size:1em}.contact>img{height:50px;width:50px;color:#ff7a00}@media only screen and (max-width: 1000px){.caption{font-size:4em}}@media only screen and (max-width: 800px){.caption{font-size:3em}.dot>h1{font-size:3em}}@media only screen and (max-width: 700px){.caption{font-size:2em}.dot>h1{font-size:3em}}@media only screen and (max-width: 600px){.caption{font-size:1em}.dot>h1{font-size:3em}}a:link{color:#ffbc64;text-decoration:none}a:visited{color:#f6ca94;text-decoration:none}a:focus{text-decoration:none;background:#edc266}a:hover{text-decoration:none;background:#ffa200}a:active{background:#f80;color:#ffb13b}