html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{ margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline } article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{ display:block } body{ line-height:1 } ol,ul{ list-style:none } blockquote,q{ quotes:none } blockquote:before,blockquote:after,q:before,q:after{ content:''; content:none } table{ border-collapse:collapse; border-spacing:0 } @font-face{ font-family:'Inter'; src:url("../fonts/Inter.var.woff2") format("woff2"); font-weight:400 } @font-face{ font-family:'Inter'; src:url("../fonts/Inter.var.woff2") format("woff2"); font-weight:400;font-style:italic } @font-face{ font-family:'Inter'; src:url("../fonts/Inter.var.woff2") format("woff2"); font-weight:500 } @font-face{ font-family:'Inter'; src:url("../fonts/Inter.var.woff2") format("woff2"); font-weight:600 } @font-face{ font-family:'Inter'; src:url("../fonts/Inter.var.woff2") format("woff2"); font-weight:700 } @font-face{ font-family:'Inter'; src:url("../fonts/Inter.var.woff2") format("woff2"); font-weight:700; font-style:italic } @font-face{ font-family:'Inter'; src:url("../fonts/Inter.var.woff2") format("woff2"); font-weight:800 } @font-face{ font-family:'Inter'; src:url("../fonts/Inter.var.woff2") format("woff2"); font-weight:800;font-style:italic } @font-face{ font-family:'Space Mono'; src:url("../fonts/SpaceMono-Regular.ttf") format("truetype") } .get-started{ background-color:#f2f2f2 } .get-started-heading{ text-align:center; padding-top:40px; padding-bottom:40px; border-bottom:1px solid #dadada; background-color:white } .get-started-heading p{ max-width:600px; color:#666; font-size:15px; margin:0 auto } .start{ position:relative; padding:50px 30px 150px 30px; max-width:1230px; margin:0 auto; -webkit-box-sizing:border-box; box-sizing:border-box } .start-block{ position:relative } .start-block:not(:last-child)::before{ content:''; position:absolute; top:0; left:50%; width:2px; height:100%; -webkit-transform:translate(-50%, 0); transform:translate(-50%, 0);background:url(../images/getting-started/start-path.svg?1528322191) no-repeat } .start-block::after{ content:''; max-width:200px; position:absolute; top:0; left:50%; width:50px; height:50px; -webkit-transform:translate(-50%, -9px); transform:translate(-50%, -9px) } .start-block:nth-child(1)::after{ background:url(../images/getting-started/number-1.svg?1528322191) no-repeat } .start-block:nth-child(2)::after{ background:url(../images/getting-started/number-2.svg?1528322191) no-repeat } .start-block:nth-child(3)::after{ background:url(../images/getting-started/number-3.svg?1528322191) no-repeat } .start-block:nth-child(4)::after{ background:url(../images/getting-started/number-4.svg?1528322191) no-repeat } .start:nth-child(2){ border-bottom:1px solid #DADADA } .start-content::after{ content:''; position:absolute; top:0; width:70px; height:3px; background:black } .start-block:nth-child(odd) .start-content::after{ left:50%; -webkit-transform:translate(-100%, 13px); transform:translate(-100%, 13px) } .start-block:nth-child(even) .start-content::after{ right:50%; -webkit-transform:translate(100%, 13px); transform:translate(100%, 13px) } .left-column,.right-column{ max-width:40%; position:relative } .left-column{ margin-right:auto; text-align:right } .left-column h2{ text-align:right } .left-column div{ position:absolute; bottom:-70px; right:0; z-index:10 } .right-column{ margin-left:auto; text-align:left } .right-column div{ position:absolute; bottom:-70px; left:0; z-index:10 } .start-content div div a,.start-content div div a:link{ display:inline-block;padding:15px 30px;font-size:100%;font-weight:600;color:#fff;border-radius:1px} .start div div div a:hover{background-image:none} .start h2{margin:0 0 20px;font-size:137.5%;font-weight:400;line-height:1.6;color:#13161F} .start p{margin:0;font-size:110%;line-height:1.7;color:#4D5060} .starttitle a{ margin:0 20px auto } @media handheld, only screen and (max-width: 48em), only screen and (max-device-width: 48em){ code{ white-space:pre-wrap } .start{ padding:40px 30px 70px 30px } .start h2{ margin-bottom:10px;font-size:125% } .start p{ margin-bottom:25px;font-size:112.5% } .start-content::after{ display:none } .start-block{ padding-left:30px } .start-block:not(:last-child){ padding-bottom:50px } .start-block:not(:last-child)::before{ left:0 } .start .start-block::after{ left:0; width:40px; height:40px; background-size:40px; -webkit-transform:translate(-50%, -4px); transform:translate(-50%, -4px) } .left-column,.right-column{ max-width:100% } .left-column div,.right-column div{ position:static } .left-column,.left-column h2{ text-align:left } } .download-heading{ text-align:center; padding:40px 20px 0px 20px; background-color:white } .download-heading p{ max-width:600px; color:#666; font-size:12px; margin:0 auto } .download-quickstart{ padding:10px; text-align:center } .download-subheading{ line-height:1.4em; font-weight:500; text-align:center } .download-section{ max-width:700px;margin:0 auto } .download-section p{ font-family:'Inter'; font-size:15px; line-height:1.5em } .download-section h3{ margin-top:10px; margin-bottom:20px } .site.pad.community-pad{ padding-top:40px; padding-bottom:40px; border-top:1px solid #dadada } .community{background-color:#f2f2f2;padding:-10px 16px 64px 16px;max-width:700px;margin:0 auto} .community a{border-bottom:1px solid white} .community h2{text-align:center} .community-subheading{line-height:1.4em;text-align:center} .community-content{margin-top:40px;background-color:white} .community-row{padding:20px;display:flex;border-bottom:1px solid #DADADA} .community-row-img{height:80px;width:80px;margin-right:16px;border-radius:15px} .community-row-content{margin-top:4px} .community-row-heading{font-size:18px;font-weight:bold;margin-bottom:4px} .community-row-desc{line-height:1.4em;margin-bottom:8px} .community-row-category{color:#6F6F6F;font-size:12px} .tab{margin-top:10px;overflow:hidden;display:inline-block;background-color:#f2f2f2;margin-bottom:10px} .tab-container{text-align:center} .tab button{outline:none;cursor:pointer;padding:14px 16px;transition:0.3s;border:1px solid #ccc} .tab button:hover{background-color:#ddd}.tab button.active{background-color:black;color:white;border:1px solid black} .tabcontent{display:none;padding:20px;border:1px solid #ccc;margin-bottom:20px} .tabcontent a{margin-bottom:10px}.codebox{padding:15px;height:auto;background:#2a2827;color:#f7f7f7;line-height:1.5} .codebox-heading{margin-top:10px;margin-bottom:10px} .section-1{ background-color:#000000; height:calc(120vh - 48px); width:100%; color:#fef102; display:flex; justify-content:center; align-items:center; margin-bottom: 50px; padding-bottom: 25px; padding-top: 75px; flex-direction:column; } .section-1-intro{ width:342px; text-align:center } .section-1-grin{ font-family:'Work Sans', sans-serif; font-size:28px; font-weight:800; margin-top: 40px; padding-right: 25px } .section-1-text{ font-family:'Courier', monospace; font-size:14px; margin:10px 0 20px 0; line-height:1.3em; opacity:0.78 } .section-1-star{ font-size:18px; font-family:'Times New Roman', serif; position:relative; bottom:-64px } .section-1-lights{ display:flex; transform:translateY(-30%); max-width:768px; max-height:768px; margin: 0 auto; vertical-align:top } .section-2{ width:600px; max-width:100%; margin: 100px auto; padding: 100px 100px 0; } .section-2 p{ font-family:'Inter'; font-size:21px; line-height:1.5em; margin-top:18px } .section-2-title{ font-family:'Work Sans', sans-serif; font-size:16px; font-weight:900; margin-top: 0px; display: inline-block; } .section-1-nodes{ font-family:'Work Sans', sans-serif; font-size:22px; font-weight:600; margin-top: 10px; padding-right: 25px } .corporate{ padding-bottom: 50px; } .transatoshi{ height: auto; width:540px; padding-left: 208px; } .section-2-cash{ max-width:1070px; mix-blend-mode:difference; display:flex; margin:0 auto; border-radius:5px; transform:translateY(50%); margin-top: -100px; vertical-align:top } .section-2-start-download{ font-size:13px; margin-top:15px; margin-bottom:-15px } .section-3{ background-color:#000000; padding-top:224px; color:white } .section-3-content{ max-width:600px; display:flex; margin:0 auto } .section-3-content ul{ list-style-type:none !important } .section-3-content li{ margin-left:0 } .section-3-read-more{ font-family:'Times New Roman', serif; font-style:italic; font-size:24px; flex-basis:70% } .section-3-link{ font-size:22px; margin-bottom:6px } .section-3-link a{ color:silver; } .section-3-link p{ font-family:'Times New Roman'; display:inline } .section-3-link span{ border-bottom:1px solid white } .section-3-text{ font-family:'Inter'; line-height:1.6em; margin-top:32px } .section-3-text a{ border-bottom:1px solid white } @media (max-width: 1070px){ .section-2-cash{ max-width:100%; padding:0 16px } .section-3{ padding:18% 16px 16px 16px } } @media (max-width: 768px){ .section-1-lights{ max-width:100%;padding:0 16px;margin-bottom:-15% } .section-2{ padding:24px 16px 16px 16px } .section-2-cash{ max-width:100%; padding:0 16px } .section-3{ padding:18% 16px 16px 16px } .section-3-content{ flex-direction:column } .section-3-read-more{ margin-left:10px; margin-bottom:18px } .section-3-link{ font-size:16px } } header{ position:fixed; top:0; left:0; right:0; max-width:1140px; margin:0 auto;display:flex; align-items:center; mix-blend-mode:difference; z-index:1000 } header a{ font-family:'Courier', monospace; color:white; font-size:13px; font-weight:normal; border:0 } nav{ display:flex; flex-grow:1; align-items:center; margin:24px 16px 0 16px } .nav-logo{flex-grow:1} .nav-logo:hover ~ #grin-logo-full{visibility:visible} .full-header{top:0;left:0;right:0;position:fixed;max-width:1140px;margin:0 auto;z-index:100000;pointer-events:none} .full-nav{margin:24px 16px 0 16px} #grin-logo{display:inline-block;position:relative;transform: rotate(0deg);} #grin-logo-bare{ transition:all .1s ease; transform:rotate(0deg) } #grin-logo-full{ display:inline-block; border:0; opacity:0 } #grin-logo-full:hover{ opacity:1 } #grin-logo-full-svg{ transition:all .1s ease; transform:rotate(0deg) } .nav-list{ display:flex; margin:10px 0 0 0 } .nav-list li{ margin-right:24px } .nav-hamburger{ display:none } .nav-hamburger.active .nav-hamburger-line.first{transform:translateY(6px) rotate(45deg)} .nav-hamburger.active .nav-hamburger-line.second{transform:translateY(-2px) rotate(-45deg)} .nav-hamburger-btn{cursor:pointer;border:0;background-color:transparent;padding:16px;outline:0} .nav-hamburger-line{width:24px;height:2px;background-color:#fef102;margin:6px 0;transform:rotate(0deg);transition:all .25s} .nav-hamburger-fullscreen{display:none;opacity:0;background-color:black;color:#fef102;top:0;right:0;bottom:0;left:0;z-index:1;position:fixed;overflow:hidden;transition:opacity .25s;display:flex;flex-direction:column;padding:128px 24px 0 24px} .nav-hamburger-fullscreen a{border-bottom:0;padding-bottom:0} .nav-hamburger-fullscreen h2{margin:12px 0;font-size:28px} .nav-hamburger-fullscreen.active{opacity:1;pointer-events:all}@media (max-width: 768px){header{max-width:100%}nav{margin:16px} .full-nav{ margin:16px } .nav-list{ display:none } .nav-hamburger{display:block} .nav-hamburger-fullscreen{display:flex;z-index:30}} footer{ background-color: #000000; color:white; font-family:'Courier', monospace; font-size:13px; line-height:1.5em; } footer a{ color:white; border-bottom:1px solid white } footer p{ flex-grow:1 } .footer-text{ } .footer-content{ display: flex; grid-template-columns: 1fr 1fr; width:1080px; margin:0 auto; padding:64px 208px } .footer-links{ display:flex; flex-direction:column; align-items:flex-end } .onion { text-wrap: balance; } .footer-links a{border:0}@media (max-width: 768px){footer{padding:32px 16px}.footer-content{flex-direction:column;max-width:100%;padding-right:0;padding-left:0}.footer-links{margin-top:48px;align-items:flex-start}}.fund{padding:128px 16px 0 16px;max-width:700px;margin:0 auto}.fund a{border-bottom:1px solid white}.fund-heading{display:block}.fund-heading span{display:block;text-align:center}.fund-heading h1{text-align:center;font-size:5rem;font-weight:800;margin:4px 0 16px 0}.fund-heading small{display:block;text-align:center;opacity:0.65}.fund-donation-type{font-weight:900;font-size:11px;display:block;margin-bottom:3px}.fund-address{display:inline-block;margin-bottom:16px;border-bottom:1px solid white;padding-bottom:2px;font-family:'Courier', monospace;word-break:break-word}.fund-closed{display:inline-block;margin-bottom:16px;line-height:1.4em}@media (max-width: 768px){.fund-heading h1{text-align:center;font-size:56px;font-weight:800;margin:4px 0 16px 0}}.friends{background-color:#f2f2f2}.friends-heading{text-align:center;padding-top:108px;padding-bottom:48px;border-bottom:1px solid #dadada;background-color:white}.friends-heading p{max-width:600px;color:#666;font-size:15px;margin:0 auto}.hall-of-fame{max-width:750px;margin:0 auto;padding:64px 16px}.hall-of-fame h2{text-align:center}.hall-of-fame-subheading{display:block;text-align:center;color:#666}.hall-of-fame-content{margin-top:24px;background-color:white}.comp-and-ind{overflow:hidden;background-color:#000;padding:64px 0}.comp-and-ind a{border-bottom:0}.comp-and-ind h2{text-align:center;color:white}.comp-and-ind img{-webkit-filter:grayscale(100%);filter:grayscale(100%);width:120px;margin:0 16px 16px 16px;transition:all .2s ease}.comp-and-ind img:hover{-webkit-filter:grayscale(0%);filter:grayscale(0%)}.comp-and-ind svg{-webkit-filter:grayscale(100%);filter:grayscale(100%);margin:0 16px 16px 16px;transition:all .2s ease}.comp-and-ind svg:hover{-webkit-filter:grayscale(0%);filter:grayscale(0%)}.scroller{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;margin:64px 0 48px 0}.individuals{display:flex;justify-content:center;align-items:center;white-space:pre-line;text-align:center;line-height:1.6em;color:white;font-family:'Courier', monospace}.leaderboard-loading{border-radius:4px;width:105px;height:105px;background-color:#f0f0f0}.leaderboard-content{flex-wrap:wrap;margin-top:16px;border-radius:4px;border:1px solid #ddd;margin-bottom:24px;display:flex}.leaderboard-row{flex:1 0 100%;flex-wrap:wrap;padding:16px;border-bottom:1px solid #ddd;display:flex;flex-direction:row;flex-grow:1;justify-content:flex-start;align-items:center;transition:all .15s ease}.leaderboard-row:nth-child(even){background-color:#f6f6f6}.leaderboard-row .logo{background-color:#080808;border-radius:4px;margin-right:18px;height:105px;width:105px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.leaderboard-row .logo a{border:0}.leaderboard-row .logo img{border-radius:4px;width:115px}.leaderboard-row .header{flex:1 0 50%;display:flex;align-items:center;padding-right:25px}.leaderboard-row .header-info .total{margin-top:6px;color:#101010}.leaderboard-row .heading{display:block}.leaderboard-row .heading a{font-family:'Work Sans', sans-serif;border:0;font-size:18px;font-weight:700;line-height:1.4em}.leaderboard-row .desc{line-height:1.3em;color:#6d6d6d;margin-top:3px;font-size:13px}.leaderboard-row .info{display:flex;flex:1 0 40%;flex-wrap:wrap;padding-bottom:0}.leaderboard-row .donations{font-size:13px;background-color:white;border-radius:4px;flex:1 0 100%;flex-wrap:wrap;padding:16px;margin-top:16px;border:1px solid #ddd}.leaderboard-row .donations.hide{display:none}.leaderboard-row .donations a{margin-bottom:8px;flex:1 0 100%;border:0}.leaderboard-row .donations a:last-child{margin-bottom:0;flex:1 0 100%;border:0}.leaderboard-row .donations strong{font-weight:600}.leaderboard-row .donation{padding-bottom:8px;line-height:1.4em}.leaderboard-row .donation:last-child{padding-bottom:0}.leaderboard-row .donation a{border-bottom:1px solid black !important}.leaderboard-row .donation a:hover{border-bottom:0 !important}.leaderboard-row .subheading{display:block;margin-bottom:4px;font-size:13px;color:#6d6d6d}.leaderboard-row .data{flex:1;padding-right:16px}.leaderboard-row .donation-number{font-weight:600;cursor:pointer;border:0;background:transparent;outline:0;padding:0;font-size:16px;position:relative;top:-2px}.leaderboard-row .donation-number svg{position:relative;top:2px;margin-left:4px}#leaderboard .empty{color:#777;display:flex;justify-content:center;align-items:center;flex:1 0 100%;padding:24px;border-bottom:1px solid #ddd;font-size:15px;font-weight:500}#leaderboard .empty:nth-child(even){background-color:#f6f6f6}#leaderboard .empty:hover{font-weight:600}.friends-show-more{display:flex;align-items:center;justify-content:center;margin-bottom:24px}#friends-show-more-btn{border-radius:4px;border:1px solid #ddd;background-color:transparent;font-family:'Inter UI';font-size:16px;cursor:pointer;padding:8px 16px;color:#999;transition:all .15s ease;box-shadow:0 3px 6px rgba(0,0,0,0.08);transform:translateY(0);outline:0}#friends-show-more-btn:hover{transform:translateY(-1px);color:black}.individuals{display:flex;flex-wrap:wrap;margin-bottom:24px} .individual{border-radius:25px;background-color:#f1f1f1;padding-right:16px;margin:0 8px 8px 0} .individual img{width:40px;height:40px;border-radius:50%;vertical-align:middle;margin-right:4px} .individual span{font-weight:500;font-size:13px;vertical-align:middle} @media (max-width: 767px){ .friends-heading{ padding:32px 16px 32px 16px } .leaderboard-row .logo{ width:65px; height:65px } .leaderboard-row .logo img{ width:65px } .leaderboard-row .info{margin-top:16px} .leaderboard-row .header{flex:1 0 100%} .leaderboard-row .data{ display:flex; align-items:center; flex-direction:column } } .team-table{display:flex;flex-direction:row;flex-wrap:wrap;width:100%;justify-content:flex-start} .team-table-member{display:flex;width:25rem;padding-right:1rem;padding-bottom:1rem} .team-table-avatar{padding:0px;width:6rem;height:6rem;border-style:solid;border-width:0.2rem} .team-table-avatar.inactive{-webkit-filter:grayscale(100%);filter:grayscale(100%);border-color:#757575} .team-table-details{display:flex;flex-direction:column;justify-content:flex-start;padding-left:1rem;margin:0rem} .team-table-title{font-size:large;font-weight:bold;padding:0rem;margin:0rem} .team-table-text{padding:0rem;margin:0rem} .team-table-title.inactive{color:#757575} .team-table-text.inactive{color:#757575} .codebox{padding:15px;height:auto;background:#2a2827;color:#f7f7f7;line-height:1.5} .codebox-heading{margin-top:10px;margin-bottom:10px}table{margin-bottom:1.6em}th{border:1px solid #222;padding:8px 12px}td{border:1px solid #222;padding:8px 12px;line-height:1.5em}hr{border-top:0;border-right:0;border-bottom:1px solid #ddd;border-left:0;display:block;margin:16px 0 16px 0;width:100%;line-height:1.5em} pre>code{position:inherit;background-color:transparent;border-radius:0;font-family:monospace;font-size:13px;padding:0;top:0;line-height:18px} code{position:relative;background-color:#222;border-radius:4px;color:#eee;font-family:monospace;font-size:13px;padding:2px 4px;top:-1px} code.inverted{background-color:#e9e9e9;color:black} html,body{display:flex;flex-direction:column;font-family:'Inter';background-color:white;width:100%;min-height:100vh;font-size:13px;font-feature-settings:'cv10' 1, 'zero' 1, 'ss01' 1} html.black,body.black{background-color:#101010}a{text-decoration:none;border-bottom:1px solid black;padding-bottom:1px;color:inherit} strong{font-weight:700} p{line-height:1.5em;white-space:pre-line;margin-bottom:0px} *{box-sizing:border-box} h1{font-size:48px;font-weight:800;margin-bottom:12px;font-family:'Work Sans', sans-serif} h2{font-size:36px;font-weight:700;margin-bottom:12px;font-family:'Work Sans', sans-serif} h3{font-size:24px;font-weight:700;margin-bottom:8px;margin-top:4px;font-family:'Work Sans', sans-serif} ul{line-height:1.4em;margin-bottom:24px;list-style-type:disc;list-style-position:outside} ol{line-height:1.4em;margin-bottom:24px;list-style-type:decimal;list-style-position:outside} li{margin-left:16px;margin-bottom:12px} li ul{margin-top:12px} li p{margin-bottom:16px} .medium{font-weight:550} .justify-center{display:flex;justify-content:center} .align-center{display:flex;align-items:center} .site{width:100%;min-height:100%;background-color:white;flex-grow:1} .site.pad{padding-top:80px} .site.black{background-color:#101010;color:white}.site.grey{background-color:#f2f2f2} .page{padding:128px 16px 64px 16px;max-width:700px;margin:0 auto}.btn{display:inline-block;max-width:100%;padding:16px 25px;box-sizing:border-box;font-weight:600;font-size:100%} .btn-light{color:#000000;background:#fff;border:1px solid #ffffff} .btn-bright{background:#0f0f0f;color:#fff;border:1px solid #ffffff} .warning-footer a{border-bottom:1px solid #e74c3c;color:white;margin-left:10px;margin-right:10px} .warning-footer{position:fixed;justify-content:center;box-shadow:0 10px 45px -12px rgba(93,90,50,0.25),0 18px 36px -18px rgba(0,0,0,0.3);left:0;align-items:center;display:flex;bottom:0;width:100%;height:50px;background-color:#e74c3c;color:white;text-align:center}