:root{--base: #eff1f5;--mantle: #e6e9ef;--crust: #dce0e8;--text: #4c4f69;--subtext1: #5c5f77;--subtext0: #6c6f85;--overlay2: #7c7f93;--overlay1: #8c8fa1;--overlay0: #9ca0b0;--surface2: #acb0be;--surface1: #bcc0cc;--surface0: #ccd0da;--lavender: #7287fd;--blue: #1e66f5;--sapphire: #209fb5;--sky: #04a5e5;--teal: #179299;--green: #40a02b;--yellow: #df8e1d;--peach: #fe640b;--maroon: #e64553;--red: #d20f39;--mauve: #8839ef;--pink: #ea76cb;--flamingo: #dd7878;--rosewater: #dc8a78}@font-face{font-family:"Roboto Serif";font-style:italic;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/robotoserif/v17/R705jywflP6FLr3gZx7K8UyEVQnyR1E7VN-f51xYuGCQepO9CRLLcmv0wAqC-w8kpEzi.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Roboto Serif";font-style:italic;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/robotoserif/v17/R705jywflP6FLr3gZx7K8UyEVQnyR1E7VN-f51xYuGCQepO9CRLLcmv0wAqC-wYkpEzi.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:"Roboto Serif";font-style:italic;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/robotoserif/v17/R705jywflP6FLr3gZx7K8UyEVQnyR1E7VN-f51xYuGCQepO9CRLLcmv0wAqC-w0kpEzi.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Roboto Serif";font-style:italic;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/robotoserif/v17/R705jywflP6FLr3gZx7K8UyEVQnyR1E7VN-f51xYuGCQepO9CRLLcmv0wAqC-wwkpEzi.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Roboto Serif";font-style:italic;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/robotoserif/v17/R705jywflP6FLr3gZx7K8UyEVQnyR1E7VN-f51xYuGCQepO9CRLLcmv0wAqC-wIkpA.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Roboto Serif";font-style:normal;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/robotoserif/v17/R707jywflP6FLr3gZx7K8UyuXDs9zVwDmXCb8lxYgmuimXPEWoRldX48gtLKywA8oA.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Roboto Serif";font-style:normal;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/robotoserif/v17/R707jywflP6FLr3gZx7K8UyuXDs9zVwDmXCb8lxYgmuimXPEWoRldX48gtLDywA8oA.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:"Roboto Serif";font-style:normal;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/robotoserif/v17/R707jywflP6FLr3gZx7K8UyuXDs9zVwDmXCb8lxYgmuimXPEWoRldX48gtLIywA8oA.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Roboto Serif";font-style:normal;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/robotoserif/v17/R707jywflP6FLr3gZx7K8UyuXDs9zVwDmXCb8lxYgmuimXPEWoRldX48gtLJywA8oA.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Roboto Serif";font-style:normal;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/robotoserif/v17/R707jywflP6FLr3gZx7K8UyuXDs9zVwDmXCb8lxYgmuimXPEWoRldX48gtLHywA.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--container-width: 800px;--container-radius: 12px;--social-size: 28px;--social-hit: 44px}body{margin:0;font-family:"Roboto Serif",serif;font-weight:400;font-style:normal}main{display:flex;align-items:center;justify-content:center;height:100vh;background:var(--base);padding:24px;box-sizing:border-box}.container{width:var(--container-width);max-width:100%;background-color:var(--mantle);padding:40px 48px;border-radius:var(--container-radius);box-shadow:0 1px 2px var(--crust),0 8px 20px var(--surface2),inset 0 1px color-mix(in srgb,var(--base),transparent 60%);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container .logo{grid-column:1 / 2;width:72px;height:72px;min-width:72px;min-height:72px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#f3f3f3;overflow:hidden}.container .logo img{width:100%;height:100%;object-fit:cover;display:block}.container .title,.container .brand,.container span{grid-column:2 / 3;color:var(--text);font-size:28px;font-weight:600;letter-spacing:.4px}.container .socials,.container nav[aria-label="Social links"]{grid-column:1 / -1;justify-self:center;width:100%;display:flex;align-items:center;justify-content:center;gap:14px;margin-top:6px}.container .socials a,.container .social-link{display:inline-flex;align-items:center;justify-content:center;width:var(--social-hit);height:var(--social-hit);border-radius:8px;background:transparent;text-decoration:none;transition:background-color .16s ease,transform .12s ease;color:inherit;box-sizing:border-box}.container .socials a:hover,.container .socials a:focus{background:color-mix(in srgb,var(--surface0),transparent 4%);transform:translateY(-2px);outline:none}.container .socials a:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--overlay1),transparent 15%)}.container .socials img,.container .social-icon{width:var(--social-size);height:var(--social-size);display:block;object-fit:contain;pointer-events:none}.container .socials svg{width:var(--social-size);height:var(--social-size);display:block;object-fit:contain}@media(max-width:520px){.container{padding:20px;grid-template-columns:1fr;justify-items:center;text-align:center}.container .logo{grid-column:1 / -1;margin-bottom:6px}.container .title,.container .brand,.container span{grid-column:1 / -1}.container .socials{gap:12px}}