style.7c46d1e4.css

:root{--light-green:#b9e9d4;--light-blue:#44c7f4;--light-grey:#fafbfc}html{height:auto;font-size:14px;font-weight:400;line-height:20px;background-color:var(--light-grey)}::selection{color:#fff;background-color:rgba(185,233,212,.8)}body{min-height:100vh;box-sizing:border-box;display:flex;position:relative;flex-direction:column;margin:0;color:#555;padding:0;font-family:Roboto,Helvetica,Arial,sans-serif;justify-content:space-between;background-color:#c5dfeb;background:linear-gradient(#c5dfeb 10%,#e2e7ea);line-height:1;-webkit-font-smoothing:subpixel-antialiased}a{font-weight:700;text-decoration:underline;color:#f66;text-shadow:1px 1px 1px rgba(0,0,0,.16)}a:hover{text-decoration:none}p{line-height:24px;font-size:16px;font-weight:100}section{position:relative;box-sizing:border-box}.grid{position:absolute;z-index:2;right:-20%;bottom:0;left:-20%;height:256px;-webkit-transform:rotateX(70deg);transform:rotateX(70deg);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation:grid 1s linear infinite;animation:grid 1s linear infinite;background-image:linear-gradient(#333,#333 1px,transparent 2px),linear-gradient(90deg,#333,#333 1px,transparent 2px);background-position:center 0;background-size:24px 24px}.call-to-action{font-size:1.5em;margin-top:1em;background-size:1px 100px;box-shadow:0 2px 5px 0 rgba(49,49,93,.1),0 1px 2px 0 rgba(0,0,0,.08)}.wrapper{background-color:#fff;margin:0 auto;overflow:hidden;position:relative;width:100%}.not-subtle{width:200px;margin:4em}h1 em{text-decoration:underline;font-weight:400;font-style:normal}.gradient{background-image:radial-gradient(ellipse at center -50%,#18334f 0,#18334f 18%,#192532 57%,#192532 100%);padding:4em}.gradient,.gradient h1,.gradient h2{color:#fff}.links a{color:#8de2ff}a,a:active,a:focus{text-decoration:none}.links a:hover{text-decoration:underline}.container{display:flex;justify-content:space-between}.container.center{align-items:center}.container .item{margin:0 .5em}.container .item:first-child{margin-left:0}.container .item:last-child{margin-right:0}.container.column{flex-direction:column}.container.row{flex-direction:row}.container.justify-start{justify-content:flex-start}.bubble-container{position:relative;margin-top:100px}.bubble,.bubble-container{display:flex;justify-content:center}.bubble{width:300px;height:300px;background-color:#00f;padding:2em;border-radius:50%;align-content:center}.bubble h3{text-align:center;color:rgba(51,51,51,.75);text-shadow:1px 1px 1px rgba(0,0,0,.15)}.bubble.sub-bubble{width:100px;height:100px;text-align:center}.bubble-link{position:absolute;animation:float 6s ease-in-out infinite}.bubble-container .bubble-link:first-child{left:0;top:-20%;animation-delay:.4s}.bubble-container .bubble-link:nth-child(2){right:0;top:-20%;animation-delay:.6s}.bubble-container .bubble-link:nth-child(4){right:0;bottom:-20%;animation-delay:0s}.bubble-container .bubble-link:nth-child(5){left:0;bottom:-20%;animation-delay:.8s}.bubble-content{align-self:center}.pattern{height:100%;z-index:-1;background-image:url(pattern.a353efd3.svg);background-size:100%;position:absolute;left:0;top:0;width:100%;background-position-y:100%;background-repeat:no-repeat;opacity:.5;mask-image:linear-gradient(0deg,#000,transparent);-webkit-mask-image:linear-gradient(0deg,#000,transparent)}h1{font-size:2.5em}.intro h1{margin-top:0}b,h1,h2,strong{color:#333}h1,h2{font-weight:100}audio,canvas,iframe,img,svg,video{vertical-align:middle}.regular-box{margin:1em 0;padding:1em;background:#f7f9fa;box-shadow:0 1px 2px 0 rgba(0,0,0,.1);box-sizing:border-box;border-radius:4px;display:flex;justify-content:space-between;color:#333}.hero .regular-box h2{color:#333}.bordered-box{position:relative;background-color:#fff;-webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,.1);box-shadow:0 1px 2px 0 rgba(0,0,0,.1);display:block;padding:24px}p{word-spacing:.05em}article{margin:2em auto 100px}header{box-sizing:border-box;justify-content:space-between;background-color:transparent;position:absolute;width:100%;z-index:1;padding:0 2em}.logo-block,header{display:flex;align-items:center}.logo{margin-right:.5em;border-radius:50%;background-color:#fff;padding:.5em}header img{height:2em;width:2em}.header-logo{margin-right:.5em;border-radius:50%;background-color:#fff;padding:.5em}header h1{font-size:1.5em;color:#8de2ff;letter-spacing:1px;font-weight:100}.slant-top-reverse{position:relative;z-index:1}.slant-top-reverse:before{top:0;transform:skewY(-1.5deg);transform-origin:0 0}.fold .angle{background-color:#bfeeff;position:absolute;width:100%;height:100%}.slant-top-reverse:before{background:inherit;background-color:#bfeeff;content:"";display:block;height:50%;left:0;position:absolute;right:0;z-index:-1;-webkit-backface-visibility:hidden;backface-visibility:hidden}.slant-bottom{-webkit-clip-path:polygon(0 10%,100% 0,100% 70%,0 100%);clip-path:polygon(0 10%,100% 0,100% 70%,0 100%)}section{padding:2em}.hero{background-image:radial-gradient(ellipse at center -50%,#18334f 0,#18334f 18%,#192532 57%,rgba(0,0,0,.94) 100%);padding-bottom:8rem;padding-top:8rem;z-index:0;position:relative;color:#fff}.hero,canvas.lines{width:100%;height:100%}canvas.lines{opacity:0;position:absolute;left:0;top:0;animation:fadeInAlmost 1s ease-in;animation-fill-mode:forwards}.hero canvas.lines{animation:fadeInBarely 1s ease-in;animation-fill-mode:forwards}.hero h1{font-size:5em;margin-top:2em}.hero h1,.hero h2{color:#fff;line-height:1.5em}.hero h2{color:#64ffbb}.hero .center{width:70%;margin:0 auto;text-align:center}.menu-block{position:relative;height:100%;display:flex;margin:4em auto;align-items:center;justify-content:space-between;width:100%;max-width:1180px}.menu-block a{color:rgba(247,249,250,.75);font-weight:lighter;padding:0 1em;text-decoration:none;transition:all .15s ease-out}.menu-block a.active,.menu-block a:hover{color:#fff}.menu-block a.apps:hover+a+ul.apps-list{display:block}.menu-block a:hover svg path{transition:all .15s ease-out}.menu-block a.active svg path,.menu-block a:hover svg path{fill:#44c7f4}#app-links{flex-grow:1;justify-content:flex-start;margin-left:2em}section.nexus{padding:50px 0;display:flex;justify-content:center}.social{box-sizing:border-box;display:inline-block;position:relative;margin:1em 20px 1em 0;padding:.75em 2em;border-radius:2em;font-size:1.05em;font-weight:600;letter-spacing:.1em;width:8em;text-align:center;text-indent:1.4em;color:#2c3e50;background-color:#f6f6f6;text-decoration:none}.social img{position:absolute;left:.4em;top:.4em;width:2em}article .dashboard{flex-wrap:wrap;flex-direction:row}.apps h2{width:100%;color:#2c3e50;font-size:2em;font-weight:500;text-align:center;margin:0;padding:30px 0}.apps ul{width:500px;padding:10px;max-width:100%;margin:0 auto;list-style:none}.apps ul li{margin:10px;list-style:none}table{width:400px;border:1px solid #2c3e50;border-collapse:collapse;border-spacing:7px 5px;font-size:1.2em;text-align:center}table td,table th{border:1px solid #2c3e50;padding:10px}.up{color:#4caf50}.down{color:hsla(0,100%,70%,.74)}figure{text-align:center}figure img{margin-bottom:20px}.error,.property .value.error{color:hsla(0,100%,70%,.74)}figure b{display:block}footer{display:flex;justify-content:center;align-items:center;color:grey;background-color:#f7f9fa}footer .bot-links{padding:4em 0 2em;border-bottom:1px solid rgba(0,0,0,.07)}.bot-links .title{font-size:12px;font-weight:600;margin-top:5px;margin-bottom:18px;padding-bottom:10px;letter-spacing:1px;text-transform:uppercase;color:#2a3039;color:rgba(37,74,120,.49);border-bottom:1px solid #dbe3e7;display:block}.bot-links .container{justify-content:space-around}.bot-links .container .container{justify-content:unset}footer nav{width:200px}footer nav a{height:auto;font-size:14px;line-height:1.8;display:block;transition:all .15s ease-in}footer nav a:hover{text-decoration:underline;color:rgba(45,47,56,.85)}footer a{color:grey}.legalese{position:relative;z-index:50;padding:2em 1em 2.5em;background-color:#eef2f4;background-image:url(blizzard.a2033b72.png)}.legalese .links{align-self:flex-end}.legalese .links a{margin:0 1em;color:grey}.full{width:100%}#login{padding:0 2em;transition:all .15s ease-out;background-color:rgba(0,0,0,.17);box-shadow:inset 2px -1px 2px rgba(0,0,0,.3)}#login:active,#login:hover{background-color:#4c5865;box-shadow:none}#login:active a,#login:hover a{color:#fff;box-shadow:none}#login a{cursor:pointer}nav img{width:auto;margin-top:5px}nav a{align-items:inherit;height:100%;vertical-align:middle;width:auto;text-transform:uppercase;display:block;cursor:pointer;justify-content:flex-start;flex-direction:row}nav a span{margin-right:5px}footer p{width:100%;margin:0 0 10px;font-size:.8 em}footer a.gh{width:20px;margin-right:10px;margin-top:0}footer p>a{font-weight:500;text-decoration:none}img[alt=EPFL]{width:10em;margin-top:2em;filter:grayscale(100%)}img[alt="blue Brain Project logo"]{width:10em;margin-top:2em;filter:grayscale(100%) contrast(90%)}.icon{width:20px}section.config{display:none;position:absolute;height:200px;width:300px;padding:25px;top:0;left:0;right:0;bottom:0;margin:auto}.config div{margin-bottom:20px}.config input:not([type=submit]){height:40px;width:150px;font-size:12px;border:none;background-color:hsla(0,0%,50.2%,.08);border-radius:5px;padding:4px 1em}.config input[type=submit]{width:100px;height:40px;font-size:16px;display:block;margin:5px auto;background:#274b76;color:#fff;border:none}.config.opened{display:block}.overlay{top:0;left:0;right:0;bottom:0;z-index:1000;padding:1.2rem;display:none;position:fixed;overflow-y:auto;overflow-x:hidden;background:rgba(0,0,0,.75);align-items:flex-start;justify-content:center}.apps-list{position:absolute;right:40px;top:20px;display:none;background-color:rgba(45,47,56,.94);list-style:none;margin:0;padding:20px 0 0}.apps-list:hover{display:block}.apps-list li{height:40px}.property{padding:0;display:flex;width:100%}.property .container{display:flex;padding:.5em .5em .5em 0;width:100%;justify-content:start;flex-direction:row}.property .caption{text-align:center}.property .container div:not(:first-child):not(:nth-child(2)){margin-left:.5em}.property .category-icon{font-size:1.5em;color:rgba(185,233,212,.8)}.handle{width:.5em;align-self:stretch;margin:-1px 1em -1px -1px;background-color:rgba(185,233,212,.8)}.property .container .key{color:#333;font-weight:500;margin-left:.5em}.property .value{font-weight:lighter;color:grey;margin-left:.5em}.property .value i{margin:0 .5em}.property .label{font-weight:lighter;color:grey;margin-left:.5em;font-style:italic}.svg{transition:all .5s ease-in;opacity:0;height:2em;width:2em}.svg.replaced-svg{opacity:1}.dashboard svg.svg path{fill:rgba(185,233,212,.8)}.property .value.ok{color:#b9e9d4}.property .status{flex-grow:1;text-align:right;font-size:1.5em}.statuses .handle{background-color:rgba(110,221,255,.4)}.show-off{height:6em;width:6em}.dev-links{margin-top:2em}.text-center{text-align:center}footer form{padding:1em 0}.input{margin:1em 0}.input label{display:block}.input input{padding:1em;margin-top:1em;border:none;transition:all .1s ease-in;border-radius:4px;color:grey}.input input:active,.input input:focus{outline:none;background-color:rgba(141,226,255,.34)}.bg-gradient{background-color:#89d8d3;background-image:linear-gradient(315deg,#79e2e7,#7cd7ab 74%);background-repeat:round;color:#fff}.participants{flex-wrap:wrap;justify-content:center}.participant{display:flex;background-color:#fff;color:#333;margin:1em;border-radius:4px;padding:1em}.participant em{font-weight:700;color:hsla(0,100%,70%,.78)}.adoption{transition-duration:86ms;transition-property:box-shadow,-webkit-transform;transition-property:box-shadow,transform;transition-property:box-shadow,transform,-webkit-transform;will-change:box-shadow,transform;text-align:center;border-radius:6px;box-shadow:0 1.5rem 1.5rem -1.25rem rgba(10,10,10,.05);padding:2em;background:#f7f9fa;justify-content:space-between;display:flex}.adoption img{width:200px}.adoption .tag{max-width:200px;color:#333}.adoption:hover{box-shadow:0 3rem 3rem -1.25rem rgba(10,10,10,.1);-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}.adoption i{transition:all 86ms}.adoption:hover i{color:#f66;font-size:1em}button{white-space:nowrap;cursor:pointer;padding:1em;-webkit-appearance:none;border:none;border-radius:2px;transition:all .3s ease-in;background-size:1px 50px;margin-top:0;font-size:1rem;border-radius:4px}button:active,button:focus{outline:none}button:hover{background-position:50px}#sine{width:100%;position:absolute;bottom:0;z-index:-1;left:0}.feature-description{padding:0 2em;justify-content:flex-start;width:40%}.feature .feature-description p{flex-grow:1}.feature,.feature-list{justify-content:flex-start}.feature{max-width:250px;margin:0 .5em}.feature h3{color:#555;display:flex;font-size:1.2em;line-height:24px;height:2em;margin-bottom:.2em}.feature h3 svg{margin-right:.5em}.feature h3 svg path{fill:rgba(0,0,0,.54)}.feature h3 *{align-self:center}section *{z-index:1}section .highlight{margin:4em;padding:4em;position:relative;background-color:#fafbfc}.tab-menu{z-index:1;margin-bottom:2em}ul.menu{position:relative;padding:0;display:flex;width:50%;margin:0 auto;box-sizing:border-box;justify-content:space-around}.wee{height:2px;width:100%;background-color:#002b75;position:absolute;left:0;bottom:0;transition:.5s}.menu-item{display:inline-block;padding:.25rem .25rem .5rem;margin:0 .25rem;color:#232323;font-size:1.5rem;transition:.5s}.menu-item button{font-size:1rem;background:#44c7f4}.current-menu-item button{background:#c5dfeb}.fold{height:100%;width:100%;position:absolute;left:0;top:0;background-color:#fafbfc;clip-path:polygon(0 10%,100% 0,100% 70%,0 100%)}.tick{height:1em;width:1em;display:inline-block;clip-path:polygon(0 0,30% 0,100% 100%,70% 100%)}.feature-description h2{border-bottom:1px solid #dbe3e7;margin-bottom:1em}.description-content{padding:0 1em}.slide-in{opacity:0;position:relative;animation-name:slideIn;animation-timing-function:cubic-bezier(.4,0,.2,1);animation-iteration-count:1;animation-delay:.2s;animation-duration:.7s;animation-fill-mode:forwards}ul{margin:0}li{line-height:24px;font-size:16px;font-weight:100;word-spacing:.05em;list-style:none;margin-bottom:1em}a li{font-weight:700;color:#fff}li:before{background-image:url(check-circle.b6c302fe.svg);content:"";background-position:50%;height:1em;width:1em;margin-left:-28px;position:absolute;background-size:1em;background-repeat:no-repeat}.slide-in.first{animation-delay:0s}.card{margin:2em;max-width:400px}.card .bordered-box{flex-grow:1}.card svg{font-size:1.2em;margin-right:1em}.card ul{text-align:left;padding:1em 2em 2em;margin:0;line-height:24px;font-size:16px;font-weight:100;width:230px}.card ul li{list-style:none;margin-bottom:.5em}.card ul li:before{background-image:url(check-circle.b6c302fe.svg);content:"";background-position:50%;height:24px;width:20px;margin-left:-28px;position:absolute;background-size:20px;background-repeat:no-repeat}.wrap{flex-wrap:wrap}.roles{max-width:60%;margin:0 auto}.roles svg circle,.roles svg path,.roles svg rect{fill:#b9e9d4}.container.contained{max-width:1340px;padding-left:20px;padding-right:20px;margin-left:auto;margin-right:auto}#what-about-it{margin-top:-5em;background-color:rgba(45,47,56,.94);background-image:radial-gradient(ellipse at center -70%,#18334f 0,#18334f 18%,#192532 57%,rgba(45,47,56,.94) 100%);color:#fff;padding:4em}#what-about-it .container:nth-child(2){width:40%;line-height:2em}#what-about-it .container{margin:0 2em;justify-content:center}#what-about-it .container p:first-child{margin-top:0}#what-about-it h2{color:#fff;margin-top:0}#roles{padding-bottom:8em}.section-title{color:#b3b8bd;width:600px;line-height:24px;font-weight:400;text-align:center;margin:0 auto}.section-title h2{font-size:34px;margin-bottom:1em}.section-title h3{font-weight:400;color:#fff}#get-involved ul{list-style:none;padding:0}#get-involved li button{color:#555}#get-involved ul li:before{display:none}#get-involved ul li{display:inline-block;margin:1em}#features .regular-box{padding:2em}@keyframes fadeInAlmost{0%{opacity:0}to{opacity:.5}}@keyframes fadeInBarely{0%{opacity:0}to{opacity:.1}}@keyframes slideIn{0%{opacity:0;-webkit-transform:translateY(40px);transform:translateY(40px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideIn1{0%{opacity:0;-webkit-transform:translateY(40px);transform:translateY(40px) rotateY(90deg)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0) rotateY(0deg)}}@keyframes float{0%{transform:translatey(0)}50%{transform:translatey(-7px)}to{transform:translatey(0)}}