{"html":"

A D V I S E # 140

“If your hair is thinning, try dying your hair a similar tone to your scalp.”

\n\n

","css":".advice-container {\n font-family: \"Manrope\", sans-serif;\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n width: 320px;\n height: auto;\n background-color: hsl(217, 19%, 24%);\n border-radius: 10px;\n padding: 30px 16px 0 16px;\n}\n\n.paragraph {\n font-size: 17px;\n background-image: linear-gradient(to right, hsl(150, 100%, 66%),#C031B5);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n text-transform: uppercase;\n font-weight: 500;\n letter-spacing: 1px;\n /*Reason: there are some contrast issues*/\n}\n\n.advice-details {\n color: hsl(193, 38%, 86%);\n font-size: 20px;\n font-weight: 500;\n margin: 30px 0;\n line-height: 25px;\n text-wrap: balance;\n letter-spacing: 1px;\n}\n\n.pattern-divider path {\n fill: hsl(217, 19%, 38%);\n}\n\nbutton {\n height: 55px;\n width: 55px;\n border-radius: 50%;\n border: none;\n background: #00e673;\n margin-top: 20px;\n margin-bottom: -25px;\n cursor: pointer;\n transition: 0.3s all\n}\n\nbutton:hover {\n box-shadow: 0rem 0rem 10px 10px rgba(82, 255, 168, 0.5);\n}\n\n\n"}

selfish-treefrog-55

👁 实时预览

📝 源代码