diff --git a/.dev b/.dev old mode 100644 new mode 100755 diff --git a/style.css b/style.css index d2c5065..23bf3e2 100644 --- a/style.css +++ b/style.css @@ -62,7 +62,7 @@ nav > div { .hero { max-width: var(--max-content-width); - height: calc(100vh - var(--nav-height) - 2rem); + height: 800px; display: flex; flex-direction: column; align-items: center; @@ -115,44 +115,45 @@ nav > div { max-width: var(--max-content-width); margin: 0 auto; padding: 2rem; - display: grid; grid-template-columns: 60% 40%; + gap: 1rem; align-items: center; & :first-child { display: flex; align-items: center; align-content: center; + position: relative; + height: 100%; & > img { border-radius: var(--border-radius); border: 0.5rem solid var(--surface); - scale: 0.8; - height: 100%; - width: 100%; - position: relative; + position: absolute; + max-height: 80%; &:first-child { - scale: 1; - top: -2rem; + width: 80%; + height: auto; + right: 20%; + bottom: 10%; } &:last-child { - top: 1rem; - left: -7rem; + width: 50%; + height: auto; z-index: 10; + left: 50%; + top: 10%; } - } } - &:last-child { + & :last-child { & > span { color: var(--primary); } - - gap: 1rem; } } } \ No newline at end of file