html,body{margin:0;padding:0;font-family:"Source Sans Pro", sans-serif;text-rendering:optimizeLegibility;color:#222}h4{font-size:22px;margin-bottom:28px}p{font-size:22px}a,a:active{text-decoration:none;color:#5000f1}header h2{font-size:15px;font-weight:900;letter-spacing:0.15em;margin-top:70px}header a h2{color:#222}header a h2 span{transition:all 400ms cubic-bezier(0.68, -0.1, 0.265, 1.55)}header a:hover h2 span{color:#fff;margin-left:10px}header .white-block{margin-top:20px;width:46px;height:6px;background:#fff}header .title{margin-top:80px}header h1{font-size:96px;font-weight:900;letter-spacing:0.12em;margin:0;margin-left:-6px}header h1 span{display:inline-block;font-size:20px;margin-top:18px;vertical-align:top;letter-spacing:0}header .title a{display:inline-block;margin-top:6px;margin-right:-70px;background:#222;padding:26px 80px;color:#fff;border-radius:12px;font-size:26px;letter-spacing:0.2em;transition:all 300ms cubic-bezier(0.68, -0.1, 0.265, 1.55)}header .title a:hover{margin-top:12px;margin-right:-80px;padding:20px 90px}header h3{font-size:21px}.grid{position:fixed;width:100%}.grid-line{height:100vh;border-left:1px solid #ccc}.fixed-top{position:absolute;width:600px;height:600px;background:#00f1c9;border-radius:12px;z-index:-1;margin-top:-220px;margin-left:100px}.section{position:relative}section.san-francisco{margin-top:100px}.section.about{margin:12em 0}.absolute{position:absolute;width:100%;height:auto;margin-top:100px}.absolute.above{z-index:2}.absolute h2{font-size:140px;font-weight:900;letter-spacing:-0.04em;color:#f0f0f0;z-index:-1}.lg-green{width:160px;height:160px;background:#00f1c9;border-radius:12px;margin-left:-80px;margin-top:200px}.sm-green{width:60px;height:60px;background:#00f1c9;border-radius:12px;margin-left:-30px;margin-top:400px}.sm-purple{width:60px;height:60px;background:#5000f1;border-radius:12px;margin-left:-30px;margin-top:400px}.xs-green{width:60px;height:60px;background:#00f1c9;border-radius:12px;margin-left:-30px;margin-top:400px}.md-green{width:120px;height:120px;background:#00f1c9;border-radius:12px;margin-left:-60px;margin-top:10px}.lg-purple{width:80px;height:80px;background:#5000f1;border-radius:12px;margin-left:57px;margin-top:60px}.date{margin-top:400px;font-size:48px;font-weight:600;color:#5000f1}.temp{margin-top:200px;font-size:280px;font-weight:900;letter-spacing:-0.07em;color:#5000f1}.text-editor{background:#222;padding:60px 50px;border-radius:12px}code{text-align:left;padding:0;font-size:22px;background:none;border-radius:0;color:#00f1c9}.md-facebook{width:60px;height:60px;background:#5000f1;border-radius:12px;margin-left:68px;margin-top:600px}.md-twitter{width:120px;height:120px;background:#00f1c9;border-radius:12px;margin-left:-60px;margin-top:60px}.md-dixonandmoe{width:120px;height:120px;background:#5000f1;border-radius:12px;margin-left:-60px;margin-top:760px}.bt-green{width:60px;height:60px;background:#00f1c9;border-radius:12px;margin-left:-30px;margin-top:700px}.bt-purple{width:80px;height:80px;background:#5000f1;border-radius:12px;margin-left:57px;margin-top:600px}.share{position:relative;margin:8em 0;font-size:27px}.share a{font-size:34px;color:#5000f1}.share a span{transition:all 400ms cubic-bezier(0.68, -0.1, 0.265, 1.55)}.share a:hover span{margin-left:10px}span.comment{color:rgba(255,255,255,0.4)}span.purple{color:#5000f1}span.green{color:#a0f100}span.white{color:#fff}span.orange{color:orange}h2.heading{font-size:50px}h3.heading{font-size:27px;font-weight:bolder}.documentation{margin:8rem 0}.options{border-radius:12px;border:1px solid #ccc;background-color:white;width:90%;padding:2.5rem;margin-top:4rem;height:auto}.options a{display:block}.options-text{font-size:medium;text-transform:uppercase;letter-spacing:0.1rem;margin:1rem 0}.options-text--margin{margin-top:3rem}.options-title{font-size:24px;padding:1rem 0;color:#222}.sticky{position:-webkit-sticky;position:sticky;top:0;z-index:4}.active{color:#5000f1}.option:hover{color:#00f1c9}html{scroll-behavior:smooth}@-webkit-keyframes fuzz /* Safari and Chrome */{0%{opacity:0}40%{opacity:0}100%{opacity:1}}@keyframes fuzz /* Safari and Chrome */{0%{opacity:0}40%{opacity:0}100%{opacity:1}}@-webkit-keyframes fuzz2 /* Safari and Chrome */{0%{opacity:0}48%{opacity:0}100%{opacity:1}}@keyframes fuzz2 /* Safari and Chrome */{0%{opacity:0}48%{opacity:0}100%{opacity:1}}@-webkit-keyframes fuzz3 /* Safari and Chrome */{0%{opacity:0}54%{opacity:0}100%{opacity:1}}@keyframes fuzz3 /* Safari and Chrome */{0%{opacity:0}54%{opacity:0}100%{opacity:1}}@-webkit-keyframes stretch /* Safari and Chrome */{0%{-webkit-transform:scaleX(0);opacity:0}50%{-webkit-transform:scaleX(0);opacity:1}60%{-webkit-transform:scaleX(0)}100%{-webkit-transform:scaleX(1)}}@keyframes stretch /* Safari and Chrome */{0%{-webkit-transform:scaleX(0);opacity:0}50%{-webkit-transform:scaleX(0);opacity:1}60%{-webkit-transform:scaleX(0)}100%{-webkit-transform:scaleX(1)}}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0, 20px, 0)}30%{opacity:0}100%{opacity:1}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0, 20px, 0)}30%{opacity:0}100%{opacity:1}}@media (max-width: 767px){.sticky{display:none}}@media (max-width: 991px) and (max-height: 736px) and (min-height: 481px){.sticky{display:none}p{text-align:justify}}.network{margin-bottom:120px}@media (max-width: 767px){.network{margin-bottom:60px}}.network-card{display:flex;align-items:flex-start;width:100%;min-height:220px;background-color:white;border:1px solid #ccc;border-radius:0.75em;margin-bottom:7.5em}@media (max-width: 767px){.network-card{flex-wrap:wrap;margin-bottom:5em}}.network-card__image{display:flex;flex:1 0 auto;align-items:center;justify-content:center;width:100px;height:100px;border-radius:12px;-webkit-transform:rotate(45deg);transform:rotate(45deg);margin-top:-24px;margin-left:0}@media (max-width: 767px){.network-card__image{flex:0 1 auto}}.network-card__image--gradient{background-image:linear-gradient(#00f1c9, #5000f1)}.network-card__image--green{background-color:#00f1c9}.network-card__image--purple{background-color:#5000f1}.network-card__image img{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);width:50px;height:50px}.network-card__text{margin-left:1rem;padding:1rem}@media (max-width: 767px){.network-card__text{margin-top:1.5rem;margin-left:0;padding:2rem}}.network-card__title{color:#222;margin-bottom:28px;font-size:22px;font-weight:bold;text-transform:uppercase;letter-spacing:0.075em}.network-card__title a{color:#222}.network-card__description{font-size:16px}.network-card__arrow{float:right;margin-right:16px}