#hero{border-top:4px solid #37b0e7;height:100vh;max-height:820px;min-height:620px;padding:5em 0 0;position:relative;text-align:center;z-index:8}#hero .titles{position:relative;top:50%;transform:translateY(-50%);z-index:150}#hero .titles h1{color:#277a9f;font-size:2.75rem;margin:0 auto 1.5rem}#hero .titles h1:after{border:1px solid #fff}#hero .titles h2{background-color:hsla(0,0%,100%,.025);color:#1890c6;font-family:Work Sans,Helvetica Neue,Helvetica,Arial,Geneva,sans-serif;font-size:1rem;font-size:1.5rem;line-height:1.525;margin:0 auto 7.5rem;max-width:750px;padding:0 1.5rem}#hero .titles .button{margin-top:3.5em}#code{padding-bottom:5rem;padding-top:5rem}#code pre{border-radius:1rem;color:#7e949c;font-size:.85rem;letter-spacing:-.02em;line-height:1.4;margin:1em 0;max-height:360px;min-height:350px;overflow-y:scroll;padding:1rem 1rem 0}#code pre em{font-style:normal;opacity:.7}#code ul.slides{display:block;height:450px;list-style:none;margin:0;overflow:hidden;padding:0;position:relative}#code .slides *{-webkit-touch-callout:none;user-select:none;-ms-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}#code ul.slides input{display:none}#code .slide-container{display:block}#code .slide-image{display:block;height:100%;opacity:0;position:absolute;top:0;transition:all .7s ease-in-out;width:100%}#code .slide-image pre{height:100%;min-width:100%;width:auto}#code .carousel-controls{color:#fff;font-size:100px;left:0;line-height:450px;position:absolute;right:0;top:0;z-index:999}#code .carousel-controls label{cursor:pointer;display:none;opacity:0;padding:0 20px;position:absolute;transition:opacity .2s}#code .slide-image:hover+.carousel-controls label{opacity:.5}#code .carousel-controls label:hover{opacity:1}#code .carousel-controls .prev-slide{left:0;text-align:left;width:49%}#code .carousel-controls .next-slide{right:0;text-align:right;width:49%}#code .carousel-dots{bottom:0;left:0;position:absolute;right:0;text-align:center;z-index:999}#code .carousel-dots .carousel-dot{background-color:#7e949c;border-radius:50%;display:inline-block;height:12px;margin:10px;opacity:.5;width:12px}#code input:checked+.slide-container .slide-image{opacity:1;transform:scale(1);transition:opacity 1s ease-in-out}#code input:checked+.slide-container .carousel-controls label{display:block}#code input#img-1:checked~.carousel-dots label#img-dot-1,#code input#img-2:checked~.carousel-dots label#img-dot-2,#code input#img-3:checked~.carousel-dots label#img-dot-3,#code input#img-4:checked~.carousel-dots label#img-dot-4,#code input#img-5:checked~.carousel-dots label#img-dot-5,#code input#img-6:checked~.carousel-dots label#img-dot-6{opacity:1}#code input:checked+.slide-container .nav label{display:block}#code h4{margin:182px 0 1rem}#code .code-examples p{margin-top:250px}#code ul.slide-triggers{left:54%;margin:-5px 0 0;min-width:32%;position:absolute;top:225px}#code ul.slide-triggers li.slide-trigger{margin:5px 0;padding:0}#code ul.slide-triggers li.slide-trigger label{background-color:#f6f9fa;border-radius:3px;color:#7e949c;cursor:pointer;display:block;line-height:2.2;padding:.3rem 1rem .3rem 3.2rem;position:relative;z-index:250}#code ul.slide-triggers li.slide-trigger label img{left:1.25rem;min-width:auto;position:absolute;top:.75rem}#code ul.slide-triggers li.slide-trigger label:after{display:none}#code ul.slide-triggers li.slide-trigger label:hover{background-color:#eff5f6}#code ul.slide-triggers li.slide-trigger label.active{background-color:#eff5f6;color:#37b0e7}#code ul.slide-triggers li.slide-trigger label.active:hover{background-color:#eff5f6}#code img.arrow{margin:-2px 0 0 5px;min-width:14px;position:relative;width:14px}#code .button.primary{margin-top:2.5rem}#kubernetes{padding-top:2.67rem}#kubernetes h2,#kubernetes p{margin-left:1.5rem}#kubernetes p{max-width:28.5em;padding-right:10%}#kubernetes .cli{margin-top:2rem;position:relative;width:175%;z-index:850}#kubernetes .cli:before{background:#b8c4c8;border:1px solid #7e949c;border-radius:.67em .67em 0 0;content:" ";display:block;height:2rem;position:absolute;top:-1.5rem;width:100%;z-index:-10}#kubernetes .cli pre{background:#383948;border-radius:0 0 .67em .67em;color:#bed45b;font-size:14px;padding:15px 1.5rem 0}#kubernetes .cli pre em{color:#7e949c;font-style:normal}@media screen and (max-width:768px){.pipe-wrapper{display:none!important}.navbar{min-height:12rem!important;padding-top:0!important;z-index:1100}.navbar .navbar-brand img{max-height:5rem!important}.navbar .navbar-burger{margin-top:-7rem!important}#intro{margin-bottom:-12.5vw;min-height:65vw;padding-top:22.5vw;position:relative}#intro h1{font-size:5vw!important;padding:0 10vw}#code,#community,#intro,#kubernetes,#v2{bottom:auto!important;height:auto!important;margin:2rem 10%!important;padding:5rem 0!important;right:auto!important;width:80%!important}#code,#code ul.slide-triggers,#community,#intro,#kubernetes,#v2{left:auto!important;position:relative!important;top:auto!important}#code ul.slide-triggers{margin:-5px 0 0;min-width:100%!important}#code h4{display:none!important}#code p{margin-top:0!important}.retrobox.retrobox-v2{margin:0!important}}@media screen and (min-width:769px){.pipe-wrapper{margin-top:-37.5vw;min-height:3550px!important}.navbar{min-height:10rem!important;padding-top:0!important;z-index:1100}.navbar .navbar-burger{margin-top:-7rem!important}#intro{margin-bottom:-12.5vw;min-height:65vw;padding-top:15vw!important;position:relative}#intro h1{font-size:5vw!important;max-width:50vw;padding:0}#code{left:5vw!important;top:680px!important}#kubernetes{top:1540px!important}#video{top:2215px!important;width:100vw!important}#community{top:2140px!important}#v2{left:0!important;right:0!important;top:2750px!important;width:120%!important}}@media screen and (min-width:1024px){body{min-height:350vh}.pipe-wrapper{min-height:3850px!important}#intro{min-height:668px!important}#intro h1{font-size:3.5rem!important}#code{top:962px!important}#kubernetes{top:1880px!important}#video{top:2610px!important}#community{top:2520px!important}#v2{top:3120px!important}}@media screen and (min-width:1216px){.pipe-wrapper{min-height:1850px!important}}@media screen and (min-width:1408px){.pipe-wrapper{min-height:1850px!important}}body{background:#f6f9fa;background:#fff;background-color:#ffdee9;background-image:linear-gradient(0deg,#9aaacd,#e4ece8 50%,#eef6f6 80%,#f2f2f2);border-top:4px solid #37b0e7;color:#7e949c;font-family:Work Sans,Helvetica Neue,Helvetica,Arial,Geneva,sans-serif;font-size:16px;overflow-x:hidden}.row.fullwidth{max-width:100%!important}.row.fullheight{min-height:100%;position:relative;z-index:150}h1,h2,h3{font-family:Work Sans,Helvetica Neue,Helvetica,Arial,Geneva,sans-serif}li a,p a,small a{color:#37b0e7;position:relative;transition:all .3s ease-in-out}li a:after,p a:after,small a:after{background:#37b0e7;bottom:-2px;content:" ";display:block;height:3px;left:50%;opacity:0;position:absolute;transition:all .3s ease-in-out;width:10%}li a:hover:after,p a:hover:after,small a:hover:after{left:0;opacity:1;width:100%}.vertical-center{position:relative;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.sticky-banner{background-color:#37b0e7;color:#fff;left:0;padding:.5rem 0 .675rem;position:relative;right:0;text-align:center;z-index:1801}.sticky-banner a{color:#fff;font-weight:600}.navbar-burger{position:absolute;z-index:1301}.navbar{background:transparent;padding-top:2rem}.navbar .navbar-brand{margin-left:12.5vw}.navbar .navbar-brand img{min-height:130px}.navbar .navbar-end{margin-right:12.5vw}.navbar li.navbar-item a{color:#18104e;font-size:1.25rem;margin-left:1.67vw}.row{max-width:72.5rem}.button{background:#37b0e7;border:none;border-radius:5em;-webkit-box-shadow:0 2px 14px rgba(0,0,0,.02);-moz-box-shadow:0 2px 14px rgba(0,0,0,.02);box-shadow:0 2px 14px rgba(0,0,0,.02);color:#fff;font-family:Work Sans,Helvetica Neue,Helvetica,Arial,Geneva,sans-serif;font-size:1rem;font-weight:700;letter-spacing:.02em;margin:1em auto;padding:1.333rem 2.825rem;transition:all .3s ease-in-out}.button:hover{background:#1890c6;color:#fff;opacity:.95}.content h2{color:#37b0e7;font-size:2rem;margin-bottom:.5em}.content h2,.content h4{font-family:Work Sans,Helvetica Neue,Helvetica,Arial,Geneva,sans-serif}.content h4{color:#7e949c;font-size:1rem}.content li,.content p{color:#647b83;font-size:1rem;line-height:1.7;padding-right:5%}.content .center{text-align:center}.content img{height:auto;margin-right:-5%;min-width:90%}.content code,.content pre{background:#eef4f5;border:none;border-radius:.25em;color:#7e949c;font-size:1em;letter-spacing:.05em;outline:none;padding-left:.5em;padding-right:.5em}.content ul{padding:1em 0}.content ul li{list-style-type:none;margin-bottom:1em;padding-right:1.75em;position:relative}.content ul.fancy{padding-left:0}.content ul.fancy li{background:url(asterisk-01.48e1d83a.svg) 0 4px no-repeat;padding-left:2.5rem}.content ul.fancy li:nth-of-type(odd){background:url(asterisk-02.d8ead7fb.svg) 0 4px no-repeat}.feature-complexity,.feature-language,.feature-main{display:block;min-height:600px;padding-bottom:6.5rem;padding-top:8.5rem;position:relative}.feature-complexity h3,.feature-language h3,.feature-main h3{color:#1998d2;font-size:2.75rem;letter-spacing:.02em;line-height:1.15;margin:0 0 1.25rem}.feature-complexity{background:linear-gradient(30deg,#fff,#e5ebec)}.feature-language{background:linear-gradient(160deg,#2693b4,#00b4eb);color:#fff}.feature-language img{margin:3rem 0 0}.feature-language h3,.feature-language p{color:#fff}.feature-language h3 a,.feature-language p a{border-bottom:2px dashed hsla(0,0%,100%,.4);color:#fff}footer{background:-webkit-linear-gradient(110deg,#fff 20%,#f0f0f0);background:-o-linear-gradient(110deg,#fff 20%,#f0f0f0);background:-moz-linear-gradient(110deg,#fff 20%,#f0f0f0);background:linear-gradient(110deg,#fff 20%,#f0f0f0);color:#7e949c;padding:2em 0}footer .footerwrap{margin:1rem auto 3rem;max-width:85vw!important}footer h4{color:#18104e;font-size:1.25rem;font-weight:600;margin:2rem 0 0 -2vw}footer .brigade-logo img{max-width:6vw}footer .brigade-logo strong{background:url(brigade-event-icon.803e9f7f.png) no-repeat 0 0;background-size:contain;display:inline-block;margin-left:-1rem;min-height:8rem;position:relative;width:8vw}footer .brigade-logo strong:hover{background:url(favicon.944cd3d0.png) no-repeat 0 0;background-size:contain}footer .brigade-logo:last-of-type{margin:-.25vw 0 0;max-width:5.85vw}footer ul{list-style:none;margin:.75rem 0 2rem -2vw}footer ul a{color:#121562;display:inline-block;line-height:1.35;margin-bottom:.25rem;padding:.25em 0 0}footer .cncf{margin-bottom:5rem}footer .cncf p{font-size:1.225rem;margin:0 0 1.5rem}footer .cncf p:last-of-type{margin-bottom:0}footer .cncf img{max-width:11.25rem}#whats-new-in-v2{padding-bottom:7.5rem;padding-top:4rem}.row.cncf-wrap{max-width:100%!important}#pipes{opacity:.175}.pipe-wrapper{margin-top:-20.5vw;min-height:200vh}path{stroke-dasharray:7150;stroke-dashoffset:7150}svg{margin:5vw 0 15vw 5vw;width:96vw}#intro{margin-bottom:-12.5vw;min-height:65vw;padding-top:22.5vw;position:relative}#intro:after{background:url(skytop.5517a1b8.svg) no-repeat 0 0;background-size:cover;bottom:0;content:" ";display:inline-block;left:0;position:absolute;right:0;top:-12vw;z-index:-1}#intro h1{color:#18104e;font-family:Work Sans,Helvetica Neue,Helvetica,Arial,Geneva,sans-serif;font-size:3rem;font-weight:400;line-height:1.2;position:absolute;width:100%}#intro .dots em{background:#fff;border-radius:.5rem;height:1rem;left:25vw;margin:auto;position:absolute;transition:all .7s ease;width:1rem}#intro .dots em,#intro .dots em:first-of-type{animation:slideRight 3s linear infinite;top:12.5vw}#intro .dots em:first-of-type{left:-2vw}#intro .dots em:nth-child(2){animation:slideRight 4s linear infinite;left:-2vw;top:34vw}#intro .dots em:nth-child(3){animation:slideLeft 1.8s linear infinite;left:-2vw;top:15vw}#intro .dots em:nth-child(4){animation:slideRight 3.67s linear infinite;animation-delay:1s;animation:slideLeft 2.33s linear infinite;left:-2vw;top:50vw;top:25vw}#intro .dots em:nth-child(5){animation-delay:1.25s;animation:slideRight 2s linear infinite;left:-2vw;top:22.5vw}#intro .dots em:last-of-type{animation:slideLeft 5s linear infinite;bottom:-1vw;left:-2vw}@keyframes slideRight{0%{background:#fff;left:-2vw}to{background:#1aac9d;left:102vw}}@keyframes slideLeft{0%{background:#fff;right:-2vw}to{background:#1aac9d;right:102vw}}.retrobox{background:hsla(0,0%,100%,.8);border-radius:1.5rem;padding:1rem;position:relative;transition:all .3s ease-in-out;z-index:1200}.retrobox:hover{box-shadow:0 2px 10px rgba(0,0,0,.12)}.retrobox.retrobox-v2{margin-left:10vw;padding:2rem 3rem 1rem}#code{height:800px;left:10vw;position:absolute;right:5vw;top:87vh;width:90vw;z-index:1140}#code .code-examples{padding-left:3.5rem}#kubernetes{height:500px;left:10vw;position:absolute;right:5vw;top:2280px;width:95vw;z-index:1200}#video{left:10vw;top:205vh;width:92vw}#community,#video{position:absolute;right:10vw;z-index:400}#community{left:12vw;top:200vh;width:90vw}#community .retrobox{padding:3rem 2vw}#v2{left:10vw;position:absolute;right:10vw;top:250vh;width:80vw;z-index:500}
/*# sourceMappingURL=index.6eb7d7f2.css.map */