Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- * {
- box-sizing: border-box; }
- body {
- margin: 0;
- padding: 0;
- -webkit-box-sizing: border-box;
- font-family: Chivo, "Helvetica Neue", Helvetica, Arial, sans-serif;
- color: #1A232E;
- -webkit-font-smoothing: antialiased; }
- h1 {
- font-size: 46px;
- line-height: 56px;
- font-weight: 700;
- letter-spacing: -0.48px;
- margin: 0; }
- h2 {
- font-size: 40px;
- font-weight: 400;
- letter-spacing: -1.4px;
- margin: 0; }
- h3 {
- font-size: 24px;
- font-weight: 700;
- letter-spacing: -0.08px;
- margin: 0; }
- p {
- margin: 0;
- letter-spacing: -0.19px; }
- p.large {
- font-size: 18px;
- line-height: 28px;
- letter-spacing: -0.38px; }
- a {
- text-decoration: none;
- font-family: "Roboto Mono";
- font-weight: 700;
- color: #1A232E; }
- a:hover:not(.button-large):not(.active) {
- opacity: 0.5; }
- a.button-large {
- display: block;
- font-size: 14px;
- padding: 13px 42px 16px;
- background: #401EDF;
- color: #FFF;
- border-radius: 4px; }
- a.button-large:hover {
- background: #381ac4; }
- a.link-small {
- font-size: 14px; }
- ol,
- ul,
- li {
- list-style-type: none;
- padding: 0;
- margin: 0; }
- nav a {
- font-size: 14px; }
- pre {
- font-family: "Roboto Mono";
- font-size: 14px;
- line-height: 22px;
- overflow-x: auto;
- white-space: pre-wrap;
- white-space: -moz-pre-wrap;
- white-space: -pre-wrap;
- white-space: -o-pre-wrap;
- word-wrap: normal;
- margin: 0; }
- .container {
- width: 100%;
- max-width: 1000px;
- margin: 0 auto;
- padding: 0 16px; }
- .container.container-narrow {
- max-width: 996px; }
- .container.container-small {
- max-width: 600px; }
- .navigation {
- margin: 60px 0 100px 0; }
- .navigation nav {
- width: 100%;
- display: flex;
- align-items: center;
- justify-content: center; }
- .navigation nav a {
- padding: 2px 4px;
- color: #B1B1B1; }
- .navigation nav a:nth-child(1), .navigation nav a:nth-child(2), .navigation nav a:nth-child(3) {
- margin-right: 40px; }
- .navigation nav .selected {
- color: #2E2E2E;
- border-bottom: 2px solid #2E2E2E; }
- input[type=text],
- input[type=email] {
- -moz-appearance: none;
- -webkit-appearance: none;
- outline: none;
- border: none;
- border-bottom: 1px solid #EFF3F7;
- font-family: "Roboto Mono";
- font-size: 14px;
- padding: 12px 4px; }
- input[type=text]:focus,
- input[type=email]:focus {
- border-color: #1A232E; }
- label {
- font-family: "Roboto Mono";
- font-weight: 500;
- color: #1A232E;
- font-size: 14px; }
- label:hover {
- cursor: pointer; }
- .input-group {
- display: flex;
- align-items: center;
- justify-content: space-between;
- margin-bottom: 20px; }
- .input-group label {
- width: 100%;
- max-width: 170px; }
- .input-group input {
- width: 100%;
- max-width: 380px;
- margin-left: 32px; }
- .examples {
- margin-top: 20px;
- margin-bottom: 120px; }
- .examples .container {
- display: flex;
- flex-direction: column;
- align-items: center; }
- .examples p {
- margin-bottom: 100px; }
- .examples p,
- .examples h3 {
- text-align: center; }
- .examples .inputs {
- margin-top: 80px;
- width: 100%;
- max-width: 600px; }
- .donate {
- width: 100%;
- height: 70px;
- position: fixed;
- top: 0;
- left: 0;
- z-index: 100;
- transition: top 200ms ease-in-out;
- background: #FFFFFF; }
- .donate.hidden {
- top: -50px; }
- .donate.top {
- position: absolute; }
- .donate.scrolled {
- box-shadow: 0 5px 26px 0 rgba(61, 73, 87, 0.07); }
- .donate .container {
- height: 98%;
- display: flex;
- align-items: center;
- justify-content: center;
- position: relative; }
- .donate i {
- display: block;
- font-size: 0;
- width: 24px;
- height: 24px;
- background: url(../img/ic-close.svg) center center no-repeat;
- position: absolute;
- right: 0;
- cursor: pointer; }
- .donate i.hidden {
- display: none; }
- .donate p {
- margin-right: 60px;
- font-size: 14px; }
- .donate ul {
- display: flex;
- align-items: center;
- justify-content: center; }
- .donate ul li:not(:last-child) a {
- display: inline-block;
- margin-right: 20px;
- opacity: 0.5; }
- .donate ul li:not(:last-child) a:hover, .donate ul li:not(:last-child) a.active {
- opacity: 1; }
- .donate ul li:nth-child(4) {
- position: relative;
- display: flex;
- align-items: center; }
- .donate ul li:nth-child(4)::after {
- content: "";
- display: block;
- width: 20px;
- height: 2px;
- background-color: #DBDEE3;
- opacity: 0.4;
- margin-right: 20px; }
- .donate ul li:last-child a {
- color: #401EDF; }
- .hero {
- margin-top: 90px; }
- .hero .container {
- display: flex;
- flex-direction: column; }
- .hero h1 {
- max-width: 580px; }
- .hero h3 {
- margin-top: 14px; }
- .hero .button-large {
- max-width: 185px; }
- .hero.home .container {
- align-items: center; }
- .hero.home h3 {
- margin-bottom: 60px; }
- .hero.home .arrow-down {
- display: block;
- width: 48px;
- height: 48px;
- box-shadow: 0 5px 31px 0 rgba(61, 73, 87, 0.14);
- border-radius: 100%;
- margin-top: 120px;
- margin-bottom: 50px;
- background: url(../img/arrow-down.svg) center center no-repeat; }
- .hero-docs {
- margin-bottom: 140px; }
- .hero-docs .hero-column-content {
- display: flex;
- justify-content: space-between;
- align-items: center; }
- .docs {
- margin-top: 100px;
- margin-bottom: 120px; }
- .docs .container {
- display: flex;
- justify-content: space-between; }
- .docs .code-nav {
- max-width: 278px;
- margin-top: 116px; }
- .docs .code-nav ol {
- max-width: 278px; }
- .docs .code-nav ol li {
- margin-bottom: 16px; }
- .docs .code-nav ol li a {
- color: #A4ADB9; }
- .docs .code-nav ol li a.active {
- color: #401EDF; }
- .docs .code-nav ol li .section-divider {
- font-family: "Roboto Mono";
- font-weight: 700;
- font-size: 12px;
- color: #3D4957; }
- .docs .code-nav ol li:nth-of-type(11) {
- margin-top: 30px; }
- .docs .docs-nav.fixed ol {
- position: fixed;
- top: 120px; }
- .docs .docs-nav.fixed-bottom ol {
- position: absolute;
- top: 7350px; }
- .docs .docs-content {
- max-width: 590px; }
- .docs h2 {
- margin-bottom: 80px; }
- .docs h3 {
- margin-bottom: 40px; }
- .docs .doc-point {
- margin-bottom: 55px;
- padding-bottom: 55px; }
- .docs .doc-point h4 {
- margin-bottom: 14px; }
- .docs .doc-point p {
- font-size: 14px;
- line-height: 20px;
- letter-spacing: -0.13px;
- color: #A4ADB9;
- margin-bottom: 10px; }
- .docs .doc-point div:not(:last-child) {
- margin-bottom: 60px; }
- .docs .doc-point pre + p {
- margin-top: 20px; }
- footer {
- padding: 80px 0;
- background-color: #FAFAFA; }
- footer .container {
- display: flex;
- flex-direction: column;
- align-items: center; }
- footer img {
- max-width: 120px;
- margin-bottom: 40px; }
- footer a {
- font-size: 14px; }
- footer ol {
- display: flex;
- margin-top: 30px; }
- footer ol li:nth-child(2)::before,
- footer ol li:nth-child(2)::after {
- content: "";
- display: inline-block;
- width: 12px;
- height: 2px;
- background-color: #DDDDDD;
- margin: 0 14px 4px 14px; }
- .paypal-amount-selected {
- color: #401EDF; }
- /*# sourceMappingURL=main.css.map */
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement