diff --git a/src/components/includes/Wrapped.tsx b/src/components/includes/Wrapped.tsx index 1d74a77a..2b2a7465 100644 --- a/src/components/includes/Wrapped.tsx +++ b/src/components/includes/Wrapped.tsx @@ -515,7 +515,7 @@ const Wrapped= (props: Props): JSX.Element => { YOU WORKED SO HARD THIS YEAR!
- + WITH...
@@ -535,7 +535,7 @@ const Wrapped= (props: Props): JSX.Element => {
- + {wrappedData.numVisits === 1 ? "VISIT " : "VISITS " } TO OFFICE HOURS @@ -781,7 +781,7 @@ const Wrapped= (props: Props): JSX.Element => { style={{ position: "absolute", top: "0.2rem", right: "0.2rem", color: "#FFFFFF" }} onClick={props.onClose} > - +
diff --git a/src/styles/Wrapped.scss b/src/styles/Wrapped.scss index 9f8cd306..c6510281 100644 --- a/src/styles/Wrapped.scss +++ b/src/styles/Wrapped.scss @@ -142,15 +142,15 @@ &.mid-text{ position:absolute; - top: 6.7rem; - left: -18.67rem; + top: 7.7rem; + left: -20.2rem; font-size: 27px; } &.num-visits{ position: absolute; - bottom: 13rem; - left: 121px; + top: 260px; + left: 140px; font-size: 297px; width: 336px; color: #FFA3A3; @@ -160,23 +160,22 @@ &.couple{ width: 166px; position: absolute; - right: 11rem; + right: 9rem; bottom: 12rem; } &.girl{ width: 68px; position: absolute; - right: 6rem; + right: 7rem; bottom: 9rem; } &.bottom-text{ position: absolute; - bottom: 5rem; - right: 4rem; + left: 527px; + top: 320px; font-weight: bold; - width: 300px; text-align: left; } } @@ -186,8 +185,8 @@ position: absolute; top: 3rem; left: 3rem; - font-size: 35px; - font-weight: bold; + font-weight: 500; + font-size: 27px; } &.nums-container{ @@ -211,7 +210,8 @@ position: absolute; bottom: 7.5rem; right: 3rem; - font-size: 35px; + font-weight: 500; + font-size: 27px; text-align: right; font-weight: bold; width: 300px; @@ -221,7 +221,8 @@ position: absolute; bottom: 5rem; right: 3rem; - font-size: 35px; + font-weight: 500; + font-size: 27px; text-align: right; font-weight: bold; width: 300px; @@ -246,7 +247,8 @@ align-items: baseline; } &.text{ - font-weight: bold; + font-weight: 500; + font-size: 27px; margin-bottom: 2rem; line-height: 2.5rem; text-align: left; @@ -255,6 +257,7 @@ &.personalityType { font-family: "Roboto"; font-weight: 700; + font-size: 35px; color: #080680; text-transform: uppercase; } @@ -280,8 +283,8 @@ } &.top-text{ - font-weight: bold; - font-size: 35px; + font-weight: 500; + font-size: 27px; margin-bottom: 2rem; line-height: 2.5rem; text-align: left; @@ -290,6 +293,7 @@ &.taName { font-family: "Roboto"; font-weight: 700; + font-size: 35px; color: #080680; text-transform: uppercase; text-align: left; @@ -314,9 +318,10 @@ &.top-text{ position: absolute; - top: 3rem; - left: 3rem; - font-size: 30px; + top: 3.5rem; + left: 2.7rem; + font-size: 35px; + font-weight: 600; color: #080680; } @@ -324,8 +329,8 @@ position: absolute; top: 9rem; left:3rem; - font-weight: 700; - font-size: 29px; + font-weight: 500; + font-size: 27px; } &.num{ position: absolute; @@ -349,8 +354,8 @@ position: absolute; top: 26rem; right: 2rem; - font-weight: 700; - font-size: 29px; + font-weight: 500; + font-size: 27px; width: 414px; text-align: right; } @@ -361,7 +366,7 @@ position: absolute; top: 3.5rem; left: 3.5rem; - font-weight: bold; + font-weight: 500; font-size: 27px; } &.num{ @@ -377,7 +382,7 @@ position: absolute; bottom: 7.5rem; right: 5rem; - font-weight: bold; + font-weight: 500; font-size: 27px; text-align: right; width: 300px; @@ -507,7 +512,7 @@ font-size: 35px; } &.center-text { - font-weight: bold; + font-weight: 500; width: 279px; height: 71px; position: absolute;