diff --git a/src/pages/index.astro b/src/pages/index.astro index 1e39a69..680d016 100644 --- a/src/pages/index.astro +++ b/src/pages/index.astro @@ -55,10 +55,11 @@ import GithubIcon from "../images/icons/github.astro"; :root { --gray: #333; --bg-color: #f5f5f5; + --col-width: 360px; } main { display: flex; - max-width: 360px; + width: var(--col-width); padding-top: 1rem; flex-direction: column; align-items: center; @@ -67,20 +68,14 @@ import GithubIcon from "../images/icons/github.astro"; } .avatar { - max-height: 8rem /* 128px */; - min-height: 2rem /* 32px */; + height: 8rem; position: relative; - border-radius: 50%; & img { display: block; /* inline by default */ - width: auto; - height: auto; - max-width: 100%; - max-height: 100%; - position: relative; + width: 8rem; + height: 8rem; border-radius: 50%; - object-fit: contain; filter: grayscale(1); transition: filter 0.2s ease-out; } @@ -120,6 +115,10 @@ import GithubIcon from "../images/icons/github.astro"; &:hover { opacity: 0.7; } + &:visited, &:active, &:focus, &:focus-visible { + color: inherit; + outline: 0; + } } .projects-title {