| @font-face{font-family:'PulsIcons';src:url("../fonts/puls.ttf") format("truetype"),url("../fonts/puls.woff") format("woff"),url("../fonts/puls.svg") format("svg")}@keyframes show-hide-ripple{from{transform:scale(0);opacity:.5}to{transform:scale(30);opacity:0}}body{margin:0;padding:0;font-family:'Open Sans', sans-serif;line-height:24px;size:16px;color:#333;font-weight:300;width:100%}body ul,body ol,body li,body h1,body h2,body h3,body p,body div,body img{margin:0;padding:0}body h1,body h2,body h3{margin-bottom:10px}body a{color:#272727;text-decoration:none}body a.external{text-decoration:underline;font-weight:bold}body a.no-deco{color:white}body .alternative-color a:not(.next-section){color:#7ba7d4}body .with-icon:after{font-family:'PulsIcons'}body img{max-width:100%;width:100%;display:block}body ul{list-style:none;margin-left:0}body header,body footer{margin:0;padding:0;width:100%;margin:0 auto;box-sizing:border-box}body header{position:fixed;height:50px;color:#ebebeb;background-color:transparent;transition:background-color 500ms ease;z-index:1;user-select:none;-webkit-user-select:none}body header .inner{padding-top:0;padding-bottom:0;height:100%}body header .inner nav{align-items:flex-start;display:flex;flex:1}body header .inner nav #burger-menu{min-width:30px;max-width:30px;height:25px;position:relative;z-index:1;align-self:center}body header .inner nav #burger-menu>div{border:2px solid #272727;transition:all 300ms ease-out;position:absolute;left:0;right:0;top:10px}body header .inner nav #burger-menu>div:first-child{top:0px}body header .inner nav #burger-menu>div:last-child{top:20px}body header .inner nav ul{background-color:rgba(0,0,0,0.9);display:block;height:10000%;left:0;min-width:150px;padding-top:75px;width:60%;position:absolute;transform:translate3d(-700px, 0, 0);transition:transform 300ms ease-out}body header .inner nav ul li{display:block;margin-bottom:5px}body header .inner nav ul li .nav-link{color:inherit;display:block;padding:5px 20px;transition:color 200ms ease-in}body header .inner nav ul li .nav-link.active{color:#4181c1}body header .inner #logo{align-self:center;color:#4181c1;display:flex;align-items:center;justify-content:flex-end}body header .inner #logo img{width:75px;margin-right:-1em}body header .inner #logo div{align-content:center;align-items:center}body header .search{color:#272727;align-self:center;font-size:125%;margin:0 .25em}body header .search:after{content:'\f002'}body header .search:hover{cursor:pointer}body header .search-field{width:100%;margin:0 auto;box-sizing:border-box;padding:35px 15px;max-width:1200px;box-shadow:0 3px 4px 0 rgba(0,0,0,0.12),0 1px 2px 0 rgba(0,0,0,0.24);display:flex;padding:0;height:0;overflow:hidden;transition:height 200ms ease-out;position:absolute;right:0}body header .search-field input[type="text"]{outline:0;padding:.25em;font-size:120%;flex:1 0 80%}body header .search-field button{margin:0;flex:1 0 5%;align-self:auto;background-color:#272727;color:#ebebeb;border:0}body header .search-field.active{height:40px}@media (min-width: 600px){body header .search-field{max-width:600px;margin:0}}@media (min-width: 768px){body header .search-field{right:8em}}body header.active{background-color:#e6e6e6;box-shadow:0 3px 4px 0 rgba(0,0,0,0.12),0 1px 2px 0 rgba(0,0,0,0.24)}body main section{position:relative;padding-top:50px;height:100vh}body main section .next-section{box-shadow:0 -3px 4px 0 rgba(0,0,0,0.12),0 -1px 2px 0 rgba(0,0,0,0.24);position:absolute;bottom:.75em;left:50%;margin-left:-25px;line-height:1;color:#ebebeb;font-size:175%;padding:.5em .7em;line-height:1;border-radius:50%;background-color:rgba(0,0,0,0.3);border:1px solid #ebebeb;transform:rotate3d(1, 0, 0, 180deg);text-shadow:0 0 4px #000;transition:text-shadow 500ms ease-out, box-shadow 250ms ease-out}body main section .next-section:after{font-family:'PulsIcons';content:'\f102'}body main section .next-section:hover{cursor:pointer}body main section .next-section:active{text-shadow:0 -1px 6px #000;box-shadow:0 -6px 7px 0 rgba(0,0,0,0.2),0 -1px 10px 0 rgba(0,0,0,0.12),0 -2px 4px -1px rgba(0,0,0,0.2)}body main section .languages,body main section .technologies{display:flex;flex-direction:row;max-width:640px;margin:2em auto;overflow-x:scroll}body main section .languages>li,body main section .technologies>li{display:flex}@media (min-width: 768px){body main section .languages,body main section .technologies{flex-wrap:wrap;justify-content:space-between;overflow-x:hidden}}body main section .languages{align-content:center}body main section .languages>li .php{background-color:#6c7eb7}body main section .languages>li .js{background-color:#d6ba33}body main section .languages>li .java{background-color:#e00024}body main section .languages>li .groovy{background-color:#6398aa}body main section .languages>li .html5{background-color:#e44d26}body main section .languages>li .css3{background-color:#016fba}body main section .languages>li .less{background-color:#2b4e85}body main section .languages>li .sass{background-color:#cf649a}body main section .languages>li .ftl{background-color:#444}body main section .languages>li .json{background-color:#1984a4}body main section .languages>li .jsx{background-color:#333}body main section .languages>li .ini{background-color:#f60}body main section .languages>li .markdown{background-color:#000}body main section .languages>li .jade{background-color:#47c17b}body main section .languages>li .twig{background-color:#899914}body main section .languages>li .sql{background-color:#444}body main section .languages>li .yaml{background-color:#888}body main section .languages>li .cpp{background-color:#348ab9}body main section .languages>li .xml{background-color:#666}body main section .technologies{max-width:795px}body main section .technologies>li{max-width:85px;text-align:center;margin:.5em;font-weight:bold;font-size:70%;display:inline-table}body main section .technologies>li .name{display:none}@media (min-width: 768px){body main section .technologies>li .name{display:block}}body main section:not(.banner){height:auto}body main section:not(.banner) p{text-align:center}@media (min-width: 768px){body main section:not(.banner){height:auto}}body main section#languages{height:auto}body main section#languages .inner{height:100%;padding-bottom:6em}body main section#plugins .inner{padding-bottom:6em}body footer{background:#fff;box-sizing:border-box}body footer .back-to-top{box-shadow:0 3px 4px 0 rgba(0,0,0,0.12),0 1px 2px 0 rgba(0,0,0,0.24);position:fixed;padding:.5em .7em;line-height:1;bottom:.75em;right:.75em;background-color:#4181c1;border-radius:50%;transition:box-shadow 250ms ease-out, opacity 250ms ease-out, visibility 250ms ease-out;color:#ebebeb;opacity:0;visibility:hidden;font-size:150%}body footer .back-to-top:after{content:'\f102'}body footer .back-to-top:hover{cursor:pointer}body footer .back-to-top:active{box-shadow:0 6px 7px 0 rgba(0,0,0,0.2),0 1px 10px 0 rgba(0,0,0,0.12),0 2px 4px -1px rgba(0,0,0,0.2)}body footer .social-links{display:flex}body footer .social-links>li{display:flex}body footer .social-links>li a{width:50px;height:50px;line-height:50px;color:white;font-size:130%;margin:.25em;transition:box-shadow 250ms ease-out, opacity 250ms ease-out, visibility 250ms ease-out}body footer .social-links>li a:active{box-shadow:0 6px 7px 0 rgba(0,0,0,0.2),0 1px 10px 0 rgba(0,0,0,0.12),0 2px 4px -1px rgba(0,0,0,0.2)}body footer .social-links>li .fb{background-color:#3b5998}body footer .social-links>li .fb:after{content:'\f09a'}body footer .social-links>li .twitter{background-color:#1da1f2}body footer .social-links>li .twitter:after{content:'\f099'}body footer .social-links>li .plus{background-color:#db4437}body footer .social-links>li .plus:after{content:'\ea8b'}body footer .social-links>li .slack{background-color:#766fba}body footer .social-links>li .slack:after{content:'\f198'}body footer .social-links>li .youtube{background-color:#e62117}body footer .social-links>li .youtube:after{content:'\ea9d'}body footer .disc{margin:1em}body .circle{box-shadow:0 3px 4px 0 rgba(0,0,0,0.12),0 1px 2px 0 rgba(0,0,0,0.24);text-shadow:0 3px 4px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);border-radius:50%;font-weight:bold;font-size:100%;background-color:black;width:75px;height:75px;line-height:75px;margin:.5em;text-align:center;flex:1 0 50%}body .circle.small{font-size:80%;line-height:3}body .circle.tech{max-width:100%;max-height:100%;margin:0;background-color:transparent;box-shadow:none}body .download-links{margin-top:.5em;font-weight:bold;font-size:90%;display:flex;justify-content:center}body .download-links a{box-shadow:0 3px 4px 0 rgba(0,0,0,0.12),0 1px 2px 0 rgba(0,0,0,0.24);padding:1em;white-space:nowrap;color:white;background-color:orangered;cursor:pointer;border-radius:2px;transition:box-shadow 250ms ease-out;margin:0}body .download-links a:active{box-shadow:0 6px 7px 0 rgba(0,0,0,0.2),0 1px 10px 0 rgba(0,0,0,0.12),0 2px 4px -1px rgba(0,0,0,0.2)}body.scrolled footer .back-to-top{visibility:visible;opacity:1}body.active .clickable-background{bottom:0;display:block;left:0;opacity:.5;position:absolute;right:0;top:50px;background-color:#000;z-index:1}body.active header nav #burger-menu>div{border:2px solid #ccc}body.active header nav #burger-menu>div:first-child{transform:rotate3d(0, 0, 1, 45deg);top:10px}body.active header nav #burger-menu>div:nth-child(2n){opacity:0}body.active header nav #burger-menu>div:last-child{transform:rotate3d(0, 0, 1, -45deg);top:10px}body.active header nav ul{transform:translate3d(0, 0, 0)}body .primary-color{background-color:#4181c1;color:#fff}body .secondary-color{background-color:#ebebeb}body .default-color{background-color:#fff}body .alternative-color{background-color:#272727;color:#ddd}body .inner{width:100%;margin:0 auto;box-sizing:border-box;padding:35px 15px;max-width:1200px;padding-bottom:80px}@media (min-width: 768px){body .inner{padding-bottom:50px}}body .flex-container{display:flex;flex-direction:column;align-items:center}@media (min-width: 1024px){body .flex-container{flex-wrap:wrap}body .flex-container>*{flex:1}}body .flex-container-small{display:flex;justify-content:space-between}body .font-light{color:#2c2c2c}body .left{text-align:left}body .center{text-align:center}body .right{text-align:right}body .title-img{width:100%;height:107%;position:absolute;z-index:-2;background-color:#eee}body .title-img .img-wrapper{position:absolute;left:1em;right:1em;bottom:0}body .title-img .img-wrapper img{position:absolute;bottom:-3em;left:0;right:0;margin:0 auto;box-sizing:border-box;display:none;box-shadow:0px -2px 12px 3px silver}@media (min-device-width: 600px) and (max-device-width: 800px) and (min-height: 400px) and (orientation: portrait){body .title-img .img-wrapper img{max-width:768px;display:block;bottom:20em}}@media (min-width: 650px) and (min-height: 425px){body .title-img .img-wrapper img{max-width:768px;display:block}}@media (min-width: 810px) and (min-height: 500px){body .title-img .img-wrapper img{max-width:760px;bottom:-3em}}@media (min-width: 810px) and (min-height: 700px){body .title-img .img-wrapper img{max-width:850px}}@media (min-width: 810px) and (min-height: 850px){body .title-img .img-wrapper img{max-width:1200px}}body .banner{text-align:center;box-sizing:border-box}body .banner .inner{height:auto;padding:3vh 15px;color:#272727;justify-content:flex-start}body .banner .inner.flex-container-small{flex-direction:column;align-items:center}body .banner .inner.flex-container-small .desc{max-width:500px;margin-top:2em}body .banner .inner.flex-container-small .headline-with-downloads .download-links a:last-child{display:none}@media screen and (min-width: 500px) and (min-height: 320px) and (orientation: landscape){body .banner .inner.flex-container-small{flex-direction:row-reverse;align-items:flex-start;justify-content:center}body .banner .inner.flex-container-small .desc{margin-right:1em;margin-top:0}}body .banner .inner .slogan{color:inherit;display:inline-block;padding:25px;margin-bottom:1em;background:rgba(255,255,255,0.7)}body .banner .inner .slogan h1{font-weight:800;box-sizing:border-box;color:#4181c1;text-shadow:1px 1px 2px #a1c1e0;white-space:nowrap}body .banner .inner p{text-align:justify}body .banner .inner p:not(:last-child){margin-bottom:1em}@media (min-width: 768px){body .banner .inner{padding:10vh 15px}body .banner .inner.flex-container-small{flex-direction:row-reverse;justify-content:center;align-items:stretch}body .banner .inner.flex-container-small .headline-with-downloads{display:flex;flex-direction:column}body .banner .inner.flex-container-small .headline-with-downloads .download-links a:first-child{margin-right:.5em}body .banner .inner.flex-container-small .headline-with-downloads .download-links a:last-child{display:block}body .banner .inner.flex-container-small .slogan{max-width:300px;display:flex;flex-direction:column;justify-content:center}body .banner .inner.flex-container-small .desc{margin-right:1em;margin-top:0}}@media only screen and (min-device-width: 600px) and (max-device-width: 960px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1){body .banner{height:70vh}}@media (min-width: 1024px){body header .inner nav{flex:2}body header .inner nav #burger-menu{display:none}body header .inner nav ul{margin:0;padding:0;display:flex;background:none;transform:translate3d(0, 0, 0);height:auto;position:static;margin-top:0;width:auto}body header .inner nav ul li{margin:0 2.5em 0 0;padding:0;cursor:pointer;white-space:nowrap;color:#272727}body header .inner nav ul li .nav-link{padding:1em 0}body header .inner nav ul li .nav-link:hover{color:#4181c1}body header .inner nav ul li:last-child{margin-right:0}}
|
