{"html":"

\n \n \n \n \n

\n","css":".main__socials {\n display: flex;\n flex-direction: row;\n gap: 0.5em;\n}\n\n.Link__instagram {\n padding: 0.8em;\n outline: none;\n border: none;\n background: white;\n box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px,\n rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;\n transition: 0.2s ease-in-out;\n}\n\n.instagram {\n fill: #cc39a4;\n}\n\n.Link__twitter {\n padding: 0.8em;\n outline: none;\n border: none;\n background: white;\n box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px,\n rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;\n transition: 0.2s ease-in-out;\n}\n\n.twitter {\n fill: #03a9f4;\n}\n\n.Link__github {\n padding: 0.8em;\n outline: none;\n border: none;\n background: white;\n box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px,\n rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;\n transition: 0.2s ease-in-out;\n}\n\n.Link__discord {\n padding: 0.8em;\n outline: none;\n border: none;\n background: white;\n box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px,\n rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;\n transition: 0.2s ease-in-out;\n}\n\n.discord {\n fill: #8c9eff;\n}\n\n.Link__instagram:hover {\n cursor: pointer;\n scale: 1.1;\n background-color: #cc39a4;\n}\n\n.Link__instagram:hover .instagram {\n fill: white;\n}\n\n.Link__twitter:hover {\n cursor: pointer;\n scale: 1.1;\n background-color: #03a9f4;\n}\n\n.Link__twitter:hover .twitter {\n fill: white;\n}\n\n.Link__github:hover {\n cursor: pointer;\n scale: 1.1;\n background-color: black;\n}\n\n.Link__github:hover .github {\n fill: white;\n}\n\n.Link__discord:hover {\n cursor: pointer;\n scale: 1.1;\n background-color: #8c9eff;\n}\n\n.Link__discord:hover .discord {\n fill: white;\n}\n"}

fluffy-owl-5

👁 实时预览

📝 源代码