"I love MetaLab | We make interfaces"
www.metalabdesign.com VS www.gqak.com
2022-05-04 02:41:13
body { -webkit-font-smoothing: antialiased; } [vertical-align-middle]{ vertical-align: middle } [vertical-align-top]{ vertical-align: top }/* Hero title */ .c-hero_title-grid{ grid-row-gap: 32px; } /* Inline links hover animation */ .c-inline-link::after { content: ""; position: absolute; width: 100%; height: 2px; bottom: -2px; left: 0; background-color: #5A4FFF; opacity: 0.2; visibility: visible; z-index: 1; } .c-inline-link::before,.c-cta_wrapper::before { content: ""; position: absolute; width: 0; height: 2px; bottom: -2px; left: 0; background-color: #5A4FFF; visibility: hidden; transition: all 0.5s ease; z-index: 2; } .c-inline-link:hover::before,.c-cta_wrapper:hover::before { visibility: visible; width: 100%; } .c-form-field_group::after { content: ""; position: absolute; width: 100%; height: 1px; bottom: -8px; left: 0; background-color: #5A4FFF; opacity: 0.2; visibility: visible; z-index: 1; } .c-form-field_group::before{ content: ""; position: absolute; width: 0; height: 1px; bottom: -8px; left: 0; background-color: #5A4FFF; visibility: hidden; transition: all 0.5s ease; z-index: 2; } .c-form-field_group:focus-within::before { visibility: visible; width: 100%; } .c-blog-rich_text ul { padding-left: 0px; list-style-image: none; } .c-blog-rich_text ul li { padding-left: 26px; background-image: url('https://assets.website-files.com/6010047027c80a4854f3bdd8/6015fdfb4a93057c11965e19_ul-bullet.svg'); background-position: left 14px; background-repeat: no-repeat; } .c-blog-rich_text ol { padding-left: 0px; list-style: none; counter-reset: counter; } .c-blog-rich_text ol li { counter-increment: counter; } .c-blog-rich_text ol li::before { content: counter(counter) ". ";margin-right: 6px; font-weight: bold; } input[type="radio"]:checked + .c-filter-radiobutton_label{ color: #5A4FFF;} .c-pagination_number{ display: inline-block; margin: 0px 12px; width: 18px; height: 26px; text-align: center; border-bottom: 1px solid transparent; } .c-pagination_number.c-current{ color: #38364D; border-bottom: 1px solid #5A4FFF; } /*@media (max-width:767px) {.c-navbar-dark-nav_menu { height: calc(100vh - 142px); } .c-navbar-light-nav_menu { height: calc(100vh - 142px); } }*/ .c-footer-link::before { content: ""; position: absolute; width: 0; height: 2px; bottom: -2px; left: 0; background-color: white; visibility: hidden; transition: all 0.5s ease; z-index: 2; } .c-footer-link:hover::before{ visibility: visible; width: 100%; } @media only screen and (min-height: 1340px) {.c-home-main-col_link_text {font-size: 64px;}}/* Projects */ #coinbaseorbit1 > svg {overflow: unset;} /*Media Queries*/ @media screen and (min-width: 1680px) { .c-container.cc-8cols { max-width: 1058px; } .c-content_wrapper.cc-928{ max-width: 1058px; padding-right: 0px; padding-left: 0px; } .c-container.cc-1030 { max-width: 1180px; padding-right: 0px; padding-left: 0px; } .c-google_results-wrap, .c-coin_wrap { padding-right: 64px; padding-left: 64px; } .c-amazon_wrap { padding-right: 64px; padding-left: 64px; } /* Hero Title */ /* Otter */ .c-otter-title_project-1 .cc-project{ font-size: 80px; } .c-title_project-1.cc-white.cc-project { font-size: 80px;} .c-title_project-1 .cc-project{ font-size: 80px;} } /* Footer link */ .c-next_project::before { content: ""; position: absolute; width: 0; height: 2px; bottom: -2px; left: 0; background-color: #5A4FFF; visibility: hidden; transition: all 0.5s ease; z-index: 2;} .c-next_wrap:hover .c-next_project::before{ width: 100%; visibility: visible; } /* Pitch Sticky */ @media screen and (max-width: 1440px) and (min-width: 992px){ .c-pitch_sticky.cc-overflow{ padding-top: 120px; } } @media screen and (max-width: 1440px) and (min-width: 992px){ .cc-pitch{ font-size: 20px; line-height: 30px; } }.c-link-email::before { content: ""; position: absolute; width: 0; height: 2px; bottom: -2px; left: 0; background-color: #5A4FFF; visibility: hidden; transition: all 0.5s ease; z-index: 2;} .c-link-email:hover::before { visibility: visible; width: 100%;} /* Insider main Lottie */ @media screen and (max-width: 1200px){ .c-insider_scroll-wrapper{ margin-top: -1000px; } } @media screen and (max-width: 1000px){ .c-insider_scroll-wrapper{ margin-top: -800px; } } p { line-height: 1.75;} /*--- Accessible menu links ---*/.c-home-main-col_link:focus .c-home-main-col_link_text, .c-home-main-col_link-sm:focus .c-home-main-col_link_text { transform: translate(32px, 0px); }/* Adds starting and ending character to quotes */blockquote::before { content: "“"; display: inline-block;}blockquote::after { content: "”"; display: inline-block;}AboutCareersBlogContactWe makeinterfacesSince 2006, we’ve helped some of the world’s top companies design, build, and ship amazing products and services.We makeinterfacesSince 2006, we’ve helped some of the world’s top companies design, build, and ship amazing products and services.StartupsPitchTempestThe AthleticNotarizeThe YesWaking UpLeadersUberSlackVICEGoogleHeadspaceInsiderBlogCareersAboutContact