forked from ConsenSysMesh/bounties.network
-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.css
1 lines (1 loc) · 18.6 KB
/
index.css
1
.container,.container-fluid{margin-right:auto;margin-left:auto}.container-fluid{padding-right:2rem;padding-left:2rem}.row{box-sizing:border-box;display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:wrap;margin-right:-.5rem;margin-left:-.5rem}.row.reverse{flex-direction:row-reverse}.col.reverse{flex-direction:column-reverse}.col-xs,.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-offset-0,.col-xs-offset-1,.col-xs-offset-2,.col-xs-offset-3,.col-xs-offset-4,.col-xs-offset-5,.col-xs-offset-6,.col-xs-offset-7,.col-xs-offset-8,.col-xs-offset-9,.col-xs-offset-10,.col-xs-offset-11,.col-xs-offset-12{box-sizing:border-box;flex:0 0 auto;padding-right:.5rem;padding-left:.5rem}.col-xs{flex-grow:1;flex-basis:0;max-width:100%}.col-xs-1{flex-basis:8.33333333%;max-width:8.33333333%}.col-xs-2{flex-basis:16.66666667%;max-width:16.66666667%}.col-xs-3{flex-basis:25%;max-width:25%}.col-xs-4{flex-basis:33.33333333%;max-width:33.33333333%}.col-xs-5{flex-basis:41.66666667%;max-width:41.66666667%}.col-xs-6{flex-basis:50%;max-width:50%}.col-xs-7{flex-basis:58.33333333%;max-width:58.33333333%}.col-xs-8{flex-basis:66.66666667%;max-width:66.66666667%}.col-xs-9{flex-basis:75%;max-width:75%}.col-xs-10{flex-basis:83.33333333%;max-width:83.33333333%}.col-xs-11{flex-basis:91.66666667%;max-width:91.66666667%}.col-xs-12{flex-basis:100%;max-width:100%}.col-xs-offset-0{margin-left:0}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-11{margin-left:91.66666667%}.start-xs{justify-content:flex-start;text-align:start}.center-xs{justify-content:center;text-align:center}.end-xs{justify-content:flex-end;text-align:end}.top-xs{align-items:flex-start}.middle-xs{align-items:center}.bottom-xs{align-items:flex-end}.around-xs{justify-content:space-around}.between-xs{justify-content:space-between}.first-xs{order:-1}.last-xs{order:1}@media only screen and (min-width:48em){.container{width:49rem}.col-sm,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-offset-0,.col-sm-offset-1,.col-sm-offset-2,.col-sm-offset-3,.col-sm-offset-4,.col-sm-offset-5,.col-sm-offset-6,.col-sm-offset-7,.col-sm-offset-8,.col-sm-offset-9,.col-sm-offset-10,.col-sm-offset-11,.col-sm-offset-12{box-sizing:border-box;flex:0 0 auto;padding-right:.5rem;padding-left:.5rem}.col-sm{flex-grow:1;flex-basis:0;max-width:100%}.col-sm-1{flex-basis:8.33333333%;max-width:8.33333333%}.col-sm-2{flex-basis:16.66666667%;max-width:16.66666667%}.col-sm-3{flex-basis:25%;max-width:25%}.col-sm-4{flex-basis:33.33333333%;max-width:33.33333333%}.col-sm-5{flex-basis:41.66666667%;max-width:41.66666667%}.col-sm-6{flex-basis:50%;max-width:50%}.col-sm-7{flex-basis:58.33333333%;max-width:58.33333333%}.col-sm-8{flex-basis:66.66666667%;max-width:66.66666667%}.col-sm-9{flex-basis:75%;max-width:75%}.col-sm-10{flex-basis:83.33333333%;max-width:83.33333333%}.col-sm-11{flex-basis:91.66666667%;max-width:91.66666667%}.col-sm-12{flex-basis:100%;max-width:100%}.col-sm-offset-0{margin-left:0}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-11{margin-left:91.66666667%}.start-sm{justify-content:flex-start;text-align:start}.center-sm{justify-content:center;text-align:center}.end-sm{justify-content:flex-end;text-align:end}.top-sm{align-items:flex-start}.middle-sm{align-items:center}.bottom-sm{align-items:flex-end}.around-sm{justify-content:space-around}.between-sm{justify-content:space-between}.first-sm{order:-1}.last-sm{order:1}}@media only screen and (min-width:64em){.container{width:65rem}.col-md,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-md-offset-0,.col-md-offset-1,.col-md-offset-2,.col-md-offset-3,.col-md-offset-4,.col-md-offset-5,.col-md-offset-6,.col-md-offset-7,.col-md-offset-8,.col-md-offset-9,.col-md-offset-10,.col-md-offset-11,.col-md-offset-12{box-sizing:border-box;flex:0 0 auto;padding-right:.5rem;padding-left:.5rem}.col-md{flex-grow:1;flex-basis:0;max-width:100%}.col-md-1{flex-basis:8.33333333%;max-width:8.33333333%}.col-md-2{flex-basis:16.66666667%;max-width:16.66666667%}.col-md-3{flex-basis:25%;max-width:25%}.col-md-4{flex-basis:33.33333333%;max-width:33.33333333%}.col-md-5{flex-basis:41.66666667%;max-width:41.66666667%}.col-md-6{flex-basis:50%;max-width:50%}.col-md-7{flex-basis:58.33333333%;max-width:58.33333333%}.col-md-8{flex-basis:66.66666667%;max-width:66.66666667%}.col-md-9{flex-basis:75%;max-width:75%}.col-md-10{flex-basis:83.33333333%;max-width:83.33333333%}.col-md-11{flex-basis:91.66666667%;max-width:91.66666667%}.col-md-12{flex-basis:100%;max-width:100%}.col-md-offset-0{margin-left:0}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-3{margin-left:25%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-6{margin-left:50%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-9{margin-left:75%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-11{margin-left:91.66666667%}.start-md{justify-content:flex-start;text-align:start}.center-md{justify-content:center;text-align:center}.end-md{justify-content:flex-end;text-align:end}.top-md{align-items:flex-start}.middle-md{align-items:center}.bottom-md{align-items:flex-end}.around-md{justify-content:space-around}.between-md{justify-content:space-between}.first-md{order:-1}.last-md{order:1}}@media only screen and (min-width:75em){.container{width:76rem}.col-lg,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-offset-0,.col-lg-offset-1,.col-lg-offset-2,.col-lg-offset-3,.col-lg-offset-4,.col-lg-offset-5,.col-lg-offset-6,.col-lg-offset-7,.col-lg-offset-8,.col-lg-offset-9,.col-lg-offset-10,.col-lg-offset-11,.col-lg-offset-12{box-sizing:border-box;flex:0 0 auto;padding-right:.5rem;padding-left:.5rem}.col-lg{flex-grow:1;flex-basis:0;max-width:100%}.col-lg-1{flex-basis:8.33333333%;max-width:8.33333333%}.col-lg-2{flex-basis:16.66666667%;max-width:16.66666667%}.col-lg-3{flex-basis:25%;max-width:25%}.col-lg-4{flex-basis:33.33333333%;max-width:33.33333333%}.col-lg-5{flex-basis:41.66666667%;max-width:41.66666667%}.col-lg-6{flex-basis:50%;max-width:50%}.col-lg-7{flex-basis:58.33333333%;max-width:58.33333333%}.col-lg-8{flex-basis:66.66666667%;max-width:66.66666667%}.col-lg-9{flex-basis:75%;max-width:75%}.col-lg-10{flex-basis:83.33333333%;max-width:83.33333333%}.col-lg-11{flex-basis:91.66666667%;max-width:91.66666667%}.col-lg-12{flex-basis:100%;max-width:100%}.col-lg-offset-0{margin-left:0}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-11{margin-left:91.66666667%}.start-lg{justify-content:flex-start;text-align:start}.center-lg{justify-content:center;text-align:center}.end-lg{justify-content:flex-end;text-align:end}.top-lg{align-items:flex-start}.middle-lg{align-items:center}.bottom-lg{align-items:flex-end}.around-lg{justify-content:space-around}.between-lg{justify-content:space-between}.first-lg{order:-1}.last-lg{order:1}}@font-face{font-family:poppins;src:url(fonts/poppins-regular.ttf)}@font-face{font-family:inter-ui;src:url(fonts/inter-ui-regular.woff2) format("woff2"),url(fonts/inter-ui-regular.ttf) format("ttf"),url(fonts/inter-ui-regular.otf) format("otf")}html{font-size:16px;box-sizing:border-box}body{background-color:#fff;margin:0}img{vertical-align:middle}a{text-decoration:none;color:#4a93ff}#benefits a,#benefits p,#bottom a,#bottom p,#building-blocks a,#building-blocks p,#intro a,#intro p,#partnerships a,#partnerships p{font-family:inter-ui,-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,sans-serif}#benefits p,#bottom p,#building-blocks p,#intro p,#partnerships p{color:#75727c;line-height:1.5rem;font-size:.875rem}#benefits h1,#benefits h2,#benefits h3,#benefits h4,#benefits h5,#benefits h6,#bottom h1,#bottom h2,#bottom h3,#bottom h4,#bottom h5,#bottom h6,#building-blocks h1,#building-blocks h2,#building-blocks h3,#building-blocks h4,#building-blocks h5,#building-blocks h6,#intro h1,#intro h2,#intro h3,#intro h4,#intro h5,#intro h6,#partnerships h1,#partnerships h2,#partnerships h3,#partnerships h4,#partnerships h5,#partnerships h6{font-family:poppins;color:#403656}#benefits h1,#bottom h1,#building-blocks h1,#intro h1,#partnerships h1{font-size:2.8125rem;line-height:1.25}#benefits h2,#bottom h2,#building-blocks h2,#intro h2,#partnerships h2{font-size:2rem;line-height:1.35}#benefits h3,#bottom h3,#building-blocks h3,#intro h3,#partnerships h3{font-size:1.375rem}#benefits .emphasis,#bottom .emphasis,#building-blocks .emphasis,#intro .emphasis,#partnerships .emphasis{color:#7f4cee}.page-container{margin:0 auto;max-width:75rem;padding:0 1.5rem;position:relative}.btn{padding:1rem 1.5rem;text-decoration:none;border-radius:3px;font-size:.875rem;white-space:nowrap}.btn img{margin-right:.666666666666667rem;height:1rem}.btn.white{background-color:#fff;border:1px solid #e0e0e0;color:#262626}.btn.white:hover{border-color:#bebebe}.btn.orange{background-color:#fbaa31;color:#fff}.btn.orange:hover{background-color:#fa9805}.watercolor-btn{display:flex;align-items:center;height:100px;width:100px;background:#fff;background-blend-mode:soft-light,normal;border-radius:30px;font-size:.875rem;text-align:center;transform:rotate(45deg);margin:0 50px;transition:all .25s ease-in-out;box-shadow:2px 2px 4px 0 #e0e0e0}.watercolor-btn .link{margin:auto;display:block;text-decoration:none;transform:rotate(-45deg);transition:all .25s ease-in-out}.watercolor-btn:hover{background-color:purple;transform:rotate(90deg)}.watercolor-btn:hover .link{transform:rotate(-90deg);color:#fff}.watercolor-btn.blue:hover{background:url(img/watercolor.jpg),#2362c1}.watercolor-btn.red:hover{background:url(img/watercolor.jpg),#ba2b2b}.watercolor-btn.purple:hover{background:url(img/watercolor.jpg),#653dd7}#top-menu-outer{font-family:inter-ui,-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,sans-serif;border-bottom:1px solid #e0e0e0;position:fixed;top:0;left:0;right:0;background-color:hsla(0,0%,100%,.95);z-index:3}#top-menu-logo{display:flex;padding:1rem 0}#top-menu-links{display:flex}#top-menu-links a{color:#a8a8a8;text-decoration:none;border-color:transparent;border-style:solid;border-width:0 0 4px;padding:1.5rem .25rem;margin-left:1.5rem;font-size:85%;white-space:nowrap}#top-menu-links a.active{color:#4a93ff;border-color:#4a93ff}#top-menu-checkbox,#top-menu-toggler{display:none}#top-menu-toggler{cursor:pointer;color:#4a93ff}#top-menu-toggler>div{justify-self:flex-end;margin-left:auto}#top-menu-toggler .line{height:1px;border-bottom:2px solid #4a93ff;margin-bottom:2px;width:19px}@media screen and (max-width:760px){#top-menu-toggler{display:flex}#top-links-outer{width:100%;max-width:100%;flex-basis:100%}#top-menu-links{margin-right:1rem;height:0;overflow:hidden;transition:height .3s;flex-direction:column}#top-menu-links a{border:none}#top-menu-checkbox:checked~div{display:flex;height:250px;opacity:1}}#intro{position:relative;margin:100px 0 150px}.intro-floating-image{display:none;position:absolute;z-index:1}.intro-container{position:relative}#intro-mobile-top-left-hexagon{top:30px;left:0}#intro-mobile-top-left-purple-light{top:100px;left:60px}#intro-mobile-bottom-left-bee{bottom:-150px;left:100px}#intro-mobile-bottom-left-circle{bottom:-30px;left:60px}#intro-mobile-bottom-right-hexagons{bottom:50px;right:0}#intro-mobile-bottom-right-hexagon-bee{bottom:-120px;right:50px}#intro-hexagons-right{position:absolute;top:50px;right:25px;z-index:1}#intro-description{margin-top:8rem;position:relative;justify-self:flex-start;text-align:left;z-index:2;flex-direction:column}#intro-description p{color:#403656;font-size:16px;line-height:1.75rem;margin-bottom:3rem}#intro-description .btn{display:inline-block;flex:1;margin-bottom:1rem}#intro-description .btn:not(:last-child){margin-right:1rem}@media screen and (max-width:1199px){#intro{margin:50px 0 100px}#intro-hexagons-right{top:20%;width:700px}}@media screen and (max-width:1020px){#intro{margin:50px 0 100px}#intro-hexagons-right{width:600px;right:-100px}}@media screen and (max-width:760px){#intro-hexagons-right{display:none}#intro-mobile-bottom-left-bee,#intro-mobile-bottom-left-circle,#intro-mobile-bottom-right-hexagon-bee,#intro-mobile-bottom-right-hexagons,#intro-mobile-top-left-hexagon,#intro-mobile-top-left-purple-light{display:block}}#building-blocks{background-color:#f6f5f9;margin-top:80px;padding:100px 0}#building-blocks-points{padding:0 $spacing-large}#building-blocks-points .bb-subsection2{margin-top:4rem}#building-blocks-points .bb-subsection2 .bb-point-title{display:flex;align-items:flex-end}#building-blocks-points .bb-subsection2 .bb-point-title .point-number{flex:0.25}#building-blocks-points .bb-subsection2 .bb-point-title .point-number img{width:99%}#building-blocks-points .bb-subsection2 .bb-point-title h3{flex:0.75;position:relative;left:-20px}#building-blocks-points .bb-subsection2 .bb-description-link{display:flex}#building-blocks-points .bb-subsection2 .bb-description-link p{margin-left:140px}#building-blocks-points .bb-mobile-link{display:none}@media screen and (max-width:760px){#building-blocks-description{margin-top:50px}#building-blocks-points{margin-top:0}#building-blocks-points .bb-point-title{align-items:center!important}#building-blocks-points .bb-point-title .point-number{flex:0.4!important}#building-blocks-points .bb-point-title .point-number img{width:99%}#building-blocks-points .bb-point-title h3{position:unset!important;margin:$spacing-large}#building-blocks-points .bb-description-link{flex-direction:column}#building-blocks-points .bb-description-link p{flex:1;margin-left:0!important}#building-blocks-points .watercolor-btn{display:none}#building-blocks-points .bb-mobile-link{display:block;flex:1}}@media screen and (min-width:760px){#building-blocks-description{margin-top:75px}#building-blocks-points{margin-top:0}}@media screen and (min-width:1020px){#building-blocks-description{margin-top:0}#building-blocks-points{margin-top:200px}}#benefits{padding-top:4rem}#benefits .benefit-section{justify-items:center;text-align:center;margin-top:3rem}#benefits .benefits-img{height:250px;display:flex;align-items:flex-end;text-align:center}#benefits .benefits-img img{display:flex;margin:auto}.video-wrapper{position:relative;transform:translateY(50%);width:100%;margin:0 auto}@media screen and (min-width:35em){.video-wrapper{margin-top:-100px}}#benefits-video-outer{margin:0 auto;max-width:800px}#partnerships{background-color:#f6f5f9;padding-top:200px;padding-bottom:100px}@media screen and (min-width:48em){#partnerships{padding-top:400px;padding-bottom:100px}}#partnerships #partnerships-title{display:flex;margin-bottom:3rem}#partnerships-media-carousel,#partnerships-organizations-carousel{padding:2rem 0}@media screen and (min-width:48em){#partnerships-media-carousel,#partnerships-organizations-carousel{padding:4rem 0}}.partnerships-arrow-left,.partnerships-arrow-right{font-family:inter-ui,-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,sans-serif;font-size:66px;color:#e1dee8;cursor:pointer;margin-top:-28px;background-color:transparent;border:none;outline:none}.partnerships-arrow-left:hover,.partnerships-arrow-right:hover{color:#4a93ff}.carousel-outer{display:flex;overflow:auto;align-items:center;width:100%}.carousel-outer.hide-scrollbars{overflow:hidden!important}.carousel-item{display:block;margin-right:2rem}.carousel-organization-item{min-width:25%}.carousel-organization-img{display:block;margin:auto;height:65px;filter:grayscale(100%);transition:filter .3s}.carousel-organization-img:hover{filter:grayscale(0)}.carousel-media-item{border-radius:3px;padding-top:$spacing-large;min-width:31%;margin-right:1rem;background-color:#fff;justify-items:center}.carousel-media-heading{color:#403656;line-height:1.25;padding:1.5rem;font-size:1.125rem;border-bottom:1px solid #eee}.carousel-media-heading:hover{color:#4a93ff;text-decoration:underline}.carousel-media-icon{width:33px;height:33px;margin-bottom:1rem}.carousel-media-img{width:100%}@media screen and (max-width:1020px){.carousel-organization-item{min-width:35%}.carousel-media-item{min-width:50%}}@media screen and (max-width:760px){.carousel-media-item,.carousel-organization-item{min-width:50%}}@media screen and (max-width:400px){.col-xs-1{display:none}.carousel-outer{padding:$spacing-large;margin:auto}.carousel-organization-item{min-width:50%}.carousel-organization-img{height:40px}.carousel-media-item{min-width:90%}}#bottom{margin-top:4rem;font-size:.875rem;padding:2rem 0 4rem}#bottom .bottom-link-outer{line-height:2rem;display:flex;flex-direction:column;padding:1rem}#bottom .bottom-link-outer a{flex:1;color:#949494}#bottom .bottom-link-outer a:hover{color:#4a93ff;text-decoration:underline}#bottom .bottom-link-title{font-family:inter-ui,-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,sans-serif;font-weight:700}#bottom #mc-embedded-subscribe-form{display:flex;margin-bottom:2rem;height:40px}#bottom #mc-embedded-subscribe,#bottom #mce-email{-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;display:inline-block;height:40px;padding:0 1rem;margin:0;outline:none}#bottom #mce-email{background-color:#f6f5f9;border:none;color:#949494;border-top-left-radius:3px;border-bottom-left-radius:3px;transition:box-shadow .3s}#bottom #mce-email:focus{box-shadow:inset 0 0 3px #4a93ff}#bottom #mc-embedded-subscribe{background-color:#fff;color:#262626;border:1px solid #e0e0e0;border-top-right-radius:3px;border-bottom-right-radius:3px;line-height:40px}.footer-logo{margin-bottom:2rem}@media screen and (min-width:1020px){#mc-embedded-subscribe-form{margin-top:120px}}@media screen and (max-width:400px){#bottom{padding:1rem}.bottom-link-outer{line-height:1rem}#mc-embedded-subscribe,#mce-email{max-width:60%}}