idk
This commit is contained in:
parent
c1af1979fe
commit
115a98ab6a
2 changed files with 15 additions and 14 deletions
0
.dev
Normal file → Executable file
0
.dev
Normal file → Executable file
29
style.css
29
style.css
|
|
@ -62,7 +62,7 @@ nav > div {
|
||||||
|
|
||||||
.hero {
|
.hero {
|
||||||
max-width: var(--max-content-width);
|
max-width: var(--max-content-width);
|
||||||
height: calc(100vh - var(--nav-height) - 2rem);
|
height: 800px;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
@ -115,44 +115,45 @@ nav > div {
|
||||||
max-width: var(--max-content-width);
|
max-width: var(--max-content-width);
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
padding: 2rem;
|
padding: 2rem;
|
||||||
|
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: 60% 40%;
|
grid-template-columns: 60% 40%;
|
||||||
|
gap: 1rem;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
||||||
& :first-child {
|
& :first-child {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
align-content: center;
|
align-content: center;
|
||||||
|
position: relative;
|
||||||
|
height: 100%;
|
||||||
|
|
||||||
& > img {
|
& > img {
|
||||||
border-radius: var(--border-radius);
|
border-radius: var(--border-radius);
|
||||||
border: 0.5rem solid var(--surface);
|
border: 0.5rem solid var(--surface);
|
||||||
scale: 0.8;
|
position: absolute;
|
||||||
height: 100%;
|
max-height: 80%;
|
||||||
width: 100%;
|
|
||||||
position: relative;
|
|
||||||
|
|
||||||
&:first-child {
|
&:first-child {
|
||||||
scale: 1;
|
width: 80%;
|
||||||
top: -2rem;
|
height: auto;
|
||||||
|
right: 20%;
|
||||||
|
bottom: 10%;
|
||||||
}
|
}
|
||||||
|
|
||||||
&:last-child {
|
&:last-child {
|
||||||
top: 1rem;
|
width: 50%;
|
||||||
left: -7rem;
|
height: auto;
|
||||||
z-index: 10;
|
z-index: 10;
|
||||||
|
left: 50%;
|
||||||
|
top: 10%;
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&:last-child {
|
& :last-child {
|
||||||
& > span {
|
& > span {
|
||||||
color: var(--primary);
|
color: var(--primary);
|
||||||
}
|
}
|
||||||
|
|
||||||
gap: 1rem;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
Loading…
Add table
Add a link
Reference in a new issue