diff options
Diffstat (limited to 'quatuor.css')
| -rw-r--r-- | quatuor.css | 19 |
1 files changed, 11 insertions, 8 deletions
diff --git a/quatuor.css b/quatuor.css index 77ffd94..9bca892 100644 --- a/quatuor.css +++ b/quatuor.css @@ -15,8 +15,6 @@ main #photos { position: sticky; top: 0; - height: 80vh; - background-color: #dbb; } @@ -29,13 +27,14 @@ main #bio { width: 8em; min-width: 7vw; max-width: 12vw; - height: 38vh; + height: 100%; object-fit: cover; object-position: center; border-color: #ddd; border-width: 1vh; border-style: solid; border-radius: 2vw; + box-sizing: border-box; filter: grayscale(1); transition: filter 1s; } @@ -44,16 +43,20 @@ main #bio { filter: none; } +#photos img:nth-of-type(1) { + top: -0.4vw; +} + #photos img:nth-of-type(2) { - top: 2.8vw; - left: -2.8vw; + left: -1.6vw; + top: 1.2vw; } #photos img:nth-of-type(3) { - top: -1.8vw; - left: 2.8vw; + left: 1.6vw; + top: -1.2vw; } #photos img:nth-of-type(4) { - top: 1.0vw; + top: 0.4vw; } |
