2 lines
4.3 KiB
CSS
2 lines
4.3 KiB
CSS
@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*,:before,:after{box-sizing:border-box}body,html{color:#1f2937;background:#f4f7fb;width:100%;min-height:100vh;margin:0;font-family:Space Grotesk,Segoe UI,system-ui,-apple-system,sans-serif}#page{flex-direction:column;width:100%;min-height:100vh;display:flex}#header{color:#f8fafc;background:linear-gradient(120deg,#26358cbf 20%,#f4793680 100%);flex-direction:column;justify-content:center;gap:1rem;width:100%;min-height:300px;padding:1rem 1.75rem;display:flex;box-shadow:0 12px 30px #0f274947}.header-chrome{z-index:2;flex-direction:column;gap:1rem;display:flex;position:relative}#header.header--with-hero{min-height:0;box-shadow:none;background:0 0;justify-content:flex-start;gap:0;padding:0;position:relative;overflow:hidden}#header.header--with-hero .header-chrome{padding:1.65rem 1.75rem 0;position:absolute;inset:0 0 auto}.header-hero{color:#f8fafc;background:#0f172a;width:100%;min-height:620px;margin-left:0;position:relative;top:0;overflow:hidden}.header-hero-media,.header-hero-overlay{position:absolute;inset:0}.header-hero-media{opacity:.45;background-position:50%;background-repeat:no-repeat;background-size:cover}.header-hero-overlay{background:linear-gradient(120deg,#26358cc7 20%,#f4793694 100%)}.header-hero-content{z-index:1;align-items:center;min-height:620px;padding-top:9.5rem;padding-bottom:4rem;display:flex;position:relative}.header-hero-copy{line-height:1.6}.header-hero-copy p{margin:0 0 1rem}.header-hero-copy p:last-of-type{margin-bottom:0}.header-hero-copy a{color:inherit}.header-hero-copy mark{color:inherit;background:#facc15d9;padding:0 .2rem}.header-hero-image-sr{clip:rect(0,0,0,0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.header-top-row{justify-content:space-between;align-items:center;gap:1rem;width:100%;display:flex}.header-logo-link{align-items:center;display:inline-flex}.header-logo{object-fit:contain;width:auto;height:34px}#meta-menu ul,#main-navigation ul{flex-wrap:wrap;align-items:center;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}#meta-menu ul{justify-content:flex-end;gap:.5rem}#main-navigation ul{justify-content:center}#meta-menu a,#main-navigation a{color:#f8fafc;border-radius:999px;align-items:center;padding:.35rem .7rem;font-weight:500;text-decoration:none;transition:background-color .2s,color .2s;display:inline-flex}#meta-menu li.active a,#main-navigation li.active a,#meta-menu a:hover,#main-navigation a:hover{color:#fff;background-color:#ffffff2e}.main-content{flex:1;padding:4rem 0}.vitecMainContainer{background:#fff;border-radius:16px;margin-top:-2.5rem;box-shadow:0 16px 36px #0f27491f}.vitecMainContainer--withHero{margin-top:0}@media (max-width:768px){#header{min-height:130px;padding:.85rem}.header-top-row{flex-direction:column;align-items:center}#meta-menu ul,#main-navigation ul{justify-content:center;gap:.5rem}.header-logo{height:28px}#header.header--with-hero{padding:0}#header.header--with-hero .header-chrome{padding:1.15rem .85rem 0}.header-hero{width:100%;min-height:560px;margin-left:0}.header-hero-content{min-height:560px;padding-top:10rem;padding-bottom:2.5rem}.vitecMainContainer{border-radius:12px;margin-top:-2rem}.vitecMainContainer--withHero{margin-top:0}}#footer{color:#f8fafc;background:#020617}
|