/* ryanvilim.com — minimal homepage */
* { box-sizing: border-box; }
body {
margin: 0;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
color: #1a1a1a;
background: #fff;
}
.home {
min-height: 100svh;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 1.1rem;
padding: 1rem;
text-align: center;
}
.avatar {
height: min(60vh, 420px);
width: auto;
max-width: 80vw;
object-fit: contain;
display: block;
}
.greeting {
font-size: 1.6rem;
margin: 0;
}
.social {
display: flex;
gap: 1.4rem;
align-items: center;
}
.social a {
color: #1a1a1a;
display: inline-flex;
line-height: 0;
}
.social a:hover { color: #2a7ae2; }
.social svg {
width: 30px;
height: 30px;
fill: currentColor;
}