diff --git a/src/routes/zhen/cv/epos/+page.svelte b/src/routes/zhen/cv/epos/+page.svelte index c0bc919..b3d6a1a 100644 --- a/src/routes/zhen/cv/epos/+page.svelte +++ b/src/routes/zhen/cv/epos/+page.svelte @@ -65,6 +65,7 @@ +
@@ -155,8 +156,6 @@ background-color: #bdd6ee; width: calc(100% / 3 * 1); - filter: drop-shadow(1mm 1mm 1mm #00000042); - > div:last-child { z-index: 1; width: 100%; @@ -194,35 +193,49 @@ } .decorations { - > div { - #TopRightSkillsText { - position: absolute; - z-index: 0; - - display: grid; - place-items: center; - vertical-align: top; - width: 100%; - - place-content: center; - - padding: 0; - height: 50mm; - - mask-image: linear-gradient(180deg, #000 0%, transparent 110%); - - color: rgb(190, 190, 190); - font-family: 'CozetteVector'; - font-size: x-large; + #leftSectionSeperator{ + position: relative; + height: 100%; + width: 0%; + z-index: 1; + overflow: visible; + > div { + position: absolute; + height: 100%; + width: 5mm; + z-index: 1; + background: linear-gradient(90deg, #3636364f, #00000000); + } } + > div { + #TopRightSkillsText { + position: absolute; + z-index: 0; - #Credit { - position: absolute; - z-index: 0; + display: grid; + place-items: center; + vertical-align: top; + width: 100%; - display: flex; - align-self: flex-end; - } + place-content: center; + + padding: 0; + height: 50mm; + + mask-image: linear-gradient(180deg, #000 0%, transparent 110%); + + color: rgb(190, 190, 190); + font-family: 'CozetteVector'; + font-size: x-large; + } + + #Credit { + position: absolute; + z-index: 0; + + display: flex; + align-self: flex-end; + } } } \ No newline at end of file