@import url(https://fonts.googleapis.com/css?family=Hind:400,300,500);@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,300);@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,900);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}@-webkit-keyframes pulse-animation{0%,to{padding-left:15px}50%{padding-left:30px}}@keyframes pulse-animation{0%,to{padding-left:15px}50%{padding-left:30px}}nav{align-items:center;display:flex;height:100vh;left:0;position:fixed;-webkit-transform:translateX(-100%);transform:translateX(-100%);transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;z-index:10}nav[nav-state=active]{-webkit-transform:translateX(0);transform:translateX(0)}nav ul{list-style:none;margin:0;padding:0;position:relative}nav ul li a{background:#0ab6ff;clear:left;color:#1f2831;cursor:pointer;float:left;font-family:Roboto;font-size:80%;font-weight:600;letter-spacing:1px;margin:15px 0;padding:6px 15px;text-decoration:none;text-transform:uppercase;transition:padding .2s ease}nav ul li a[link-state=active]{-webkit-animation:pulse-animation .5s ease 1;animation:pulse-animation .5s ease 1;background:#dedede}nav ul li a:hover{padding-left:30px}#ui-hamburger{cursor:pointer;padding:15px;z-index:9999}#ui-hamburger div{background:none;cursor:pointer;display:block;height:24px;margin:0 auto;position:relative;width:30px}#ui-hamburger div span,#ui-hamburger div span:after,#ui-hamburger div span:before{background:#1f2831;border-radius:2px;bottom:0;height:2px;left:0;position:absolute;right:0;top:0;width:100%}#ui-hamburger div span{top:50%;transition:background-color .2s ease 0s}#ui-hamburger div span:after,#ui-hamburger div span:before{content:"";transition:top .2s ease-out .2s,-webkit-transform .2s ease-out 0s;transition:top .2s ease-out .2s,transform .2s ease-out 0s;transition:top .2s ease-out .2s,transform .2s ease-out 0s,-webkit-transform .2s ease-out 0s}#ui-hamburger div span:before{top:-.68em}#ui-hamburger div span:after{top:.68em}#ui-hamburger div[toolkit-hamburger=active] span{background:none!important}#ui-hamburger div[toolkit-hamburger=active] span:after,#ui-hamburger div[toolkit-hamburger=active] span:before{top:0!important;transition:top .2s ease-out 0s,-webkit-transform .2s ease-out .2s;transition:top .2s ease-out 0s,transform .2s ease-out .2s;transition:top .2s ease-out 0s,transform .2s ease-out .2s,-webkit-transform .2s ease-out .2s}#ui-hamburger div[toolkit-hamburger=active] span:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}#ui-hamburger div[toolkit-hamburger=active] span:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}#topbar{background-color:#f8f8f8;display:flex;height:10vh;justify-content:space-between;position:fixed;-webkit-user-select:none;user-select:none;width:100%;z-index:99}@media only screen and (max-height:1024px) and (max-width:1366px) and (orientation:landscape){#topbar{height:15vh}}@media only screen and (max-height:736px) and (max-width:414px) and (orientation:portrait){#topbar{height:8vh}}#topbar .left-container{align-items:center;display:flex;height:100%;justify-content:center;width:100px}@media only screen and (max-height:414px) and (max-width:736px){#topbar .left-container{width:70px}}@media only screen and (max-height:736px) and (max-width:414px){#topbar .left-container{width:70px}}#topbar .center-container{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}#topbar .center-container h1{color:#1f2831;display:inline-block;font-family:Roboto;font-size:120%;font-weight:400;letter-spacing:15px;text-transform:uppercase}@media only screen and (max-height:736px) and (max-width:414px) and (orientation:portrait){#topbar .center-container h1{display:none}}#topbar .center-container #JLogo{display:inline-block;height:70%;margin:0 5px;text-align:center;vertical-align:middle}#topbar .center-container #JLogo #Bottom,#topbar .center-container #JLogo #Top{fill:#000}#topbar .center-container #JLogo #Hero{fill:#0ab6ff}#topbar .right-container{align-items:center;display:flex;justify-content:center;margin-right:2%}#topbar .right-container .icon-container{display:flex;height:41px;text-align:center;vertical-align:middle;z-index:999}#topbar .right-container .icon-container a{display:block;margin:2px}#topbar .right-container .icon-container a svg path{fill:inherit}#landing-splash{align-items:center;background-color:#1f2831;display:flex;height:90vh;justify-content:center;overflow:hidden;padding-top:10vh}#landing-splash h1{color:#f1f2ef;font-family:Source Sans Pro;font-size:500%;letter-spacing:15px;text-transform:uppercase}#landing-splash h1 .blink{animation:blink-animation 2s steps(2,start) infinite;-webkit-animation:blink-animation 2s steps(2,start) infinite}@media only screen and (max-height:736px) and (max-width:414px) and (orientation:portrait){#landing-splash h1{font-size:220%;letter-spacing:10px;margin-top:0}}#about-section{align-items:center;display:flex;flex-direction:column;justify-content:center;max-width:100%;min-height:110vh;padding:50px 30px}@media only screen and (max-height:768px) and (max-width:1024px){#about-section{min-height:100vh}}@media only screen and (max-height:1024px) and (max-width:768px){#about-section{min-height:100vh}}#about-section img{border-radius:50%;box-shadow:0 5px 30px #666;-webkit-filter:grayscale(100%);filter:grayscale(100%);margin:20px;width:250px}@media only screen and (max-height:414px) and (max-width:736px){#about-section img{width:200px}}@media only screen and (max-height:736px) and (max-width:414px){#about-section img{width:200px}}#about-section h2{color:#1f2831;font-family:Hind,sans-serif;font-size:200%;font-weight:400;letter-spacing:2px;margin:0;text-transform:uppercase}#about-section .underblock{background-color:#0ab6ff;display:block;height:3px;margin:40px 0;width:8%}#about-section p{border:none;color:#666;font-family:Hind,sans-serif;font-size:140%;font-weight:100;padding:0 15%}@media only screen and (max-height:414px) and (max-width:736px){#about-section p{font-size:100%;padding:0}}@media only screen and (max-height:736px) and (max-width:414px){#about-section p{font-size:100%;padding:0}}.timeline-wrapper{min-height:90vh;overflow:hidden;padding-bottom:10vh;padding-top:30px;position:relative;text-align:center}.timeline-wrapper:before{background:#fff;content:"";height:100%;left:calc(50% - 1px);position:absolute;width:2px}.timeline-wrapper #start-point{background:#fff;border-radius:50%;display:block;height:30px;left:calc(50% - 15px);position:absolute;width:30px}.timeline-wrapper .event-wrapper{margin:50px 0}.timeline-wrapper .event-wrapper .point{background:#fff;border-radius:50%;display:block;height:14px;left:calc(50% - 7px);position:absolute;width:14px}.timeline-wrapper .event-wrapper .content-wrapper{color:#fff;display:inline-block;max-width:35%;top:-5px;-webkit-user-select:none;user-select:none}.timeline-wrapper .event-wrapper .content-wrapper h1,.timeline-wrapper .event-wrapper .content-wrapper h2,.timeline-wrapper .event-wrapper .content-wrapper h3,.timeline-wrapper .event-wrapper .content-wrapper h4{margin:0}.timeline-wrapper .event-wrapper .content-wrapper[event-position=left]{margin-right:150px;text-align:right;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.timeline-wrapper .event-wrapper .content-wrapper[event-position=right]{margin-left:150px;text-align:left;-webkit-transform:translateX(50%);transform:translateX(50%)}.timeline-wrapper>div:first-of-type{margin-top:100px}#roadmap-section{background:#1f2831;display:table;min-height:100vh;text-align:center;width:100%}#roadmap-section h1{color:#fff;font-family:Hind,sans-serif;font-size:200%;font-weight:600;letter-spacing:5px;margin:100px 0;text-transform:uppercase}@media only screen and (max-height:736px) and (max-width:414px) and (orientation:portrait){#roadmap-section h1{margin:60px 40px}}#roadmap-section .timeline-wrapper #start-point{background:none;background:#0ab6ff;border:5px solid #007cb0;border-radius:0;box-shadow:0 0 0 6px rgba(30,128,171,.28);height:26px;left:calc(50% - 18px);-webkit-transform:rotate(45deg);transform:rotate(45deg);width:26px}#roadmap-section .timeline-wrapper .event-wrapper .point{background:#1f2831;border:2px solid #fff;border-radius:0;left:calc(50% - 9px);-webkit-transform:rotate(45deg);transform:rotate(45deg);transition:color .5s ease}#roadmap-section .timeline-wrapper .event-wrapper .content-wrapper div:first-child{margin-top:0}#roadmap-section .timeline-wrapper .event-wrapper .content-wrapper div{margin-top:50px}#roadmap-section .timeline-wrapper .event-wrapper .content-wrapper h2,#roadmap-section .timeline-wrapper .event-wrapper .content-wrapper span{transition:opacity .5s ease}#roadmap-section .timeline-wrapper .event-wrapper .content-wrapper span{color:#fff;font-family:PT Sans,sans-serif;font-size:90%;margin:0;opacity:.2}#roadmap-section .timeline-wrapper .event-wrapper .content-wrapper h2{color:#fff;font-family:Open Sans,sans-serif;font-size:120%;font-weight:400;margin:0;opacity:.7;text-transform:uppercase}#roadmap-section .timeline-wrapper .event-wrapper[event-state=active] .point{border-color:#0ab6ff;box-shadow:0 0 0 4px rgba(30,128,171,.28)}#roadmap-section .timeline-wrapper .event-wrapper[event-state=active] .content-wrapper span{color:#0ab6ff;opacity:1}#roadmap-section .timeline-wrapper .event-wrapper[event-state=active] .content-wrapper h2{color:#fff;opacity:1}@media only screen and (max-height:736px) and (max-width:414px) and (orientation:portrait){#roadmap-section .timeline-wrapper:before{left:calc(25% - 1px)}#roadmap-section .timeline-wrapper #start-point{left:calc(25% - 18px)}#roadmap-section .timeline-wrapper .event-wrapper .point{left:calc(25% - 9px)}#roadmap-section .timeline-wrapper .content-wrapper{margin:0 0 0 -70px;max-width:40%}#roadmap-section .timeline-wrapper .content-wrapper[event-position=left]{text-align:left;-webkit-transform:translateX(50%);transform:translateX(50%)}#roadmap-section .timeline-wrapper .content-wrapper h2{font-size:100%!important}}@media only screen and (max-height:667px) and (max-width:375px) and (orientation:portrait){#roadmap-section .timeline-wrapper .content-wrapper h2{font-size:90%!important}}#projects-section{align-items:center;background:#fff;display:flex;flex-direction:column;justify-content:center;padding:100px 0;width:100%}#projects-section h1{color:#1f2831;font-family:Hind,sans-serif;font-size:200%;font-weight:400;letter-spacing:2px;margin:0;text-transform:uppercase}#projects-section .underblock{background-color:#0ab6ff;display:block;height:3px;margin:40px 0;width:8%}#projects-section .grid-wrapper{align-items:center;display:flex;flex-wrap:wrap;margin-bottom:80px;width:100%}#projects-section .grid-wrapper .project-item{display:block;position:relative;text-align:left;text-align:initial;width:33.33333%}#projects-section .grid-wrapper .project-item img{width:100%}#projects-section .grid-wrapper .project-item>div{background:rgba(31,40,49,.9);display:none;flex-direction:column;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}#projects-section .grid-wrapper .project-item>div h2{color:#fff;font-family:Hind,sans-serif;font-size:200%;font-weight:400;letter-spacing:2px;text-align:center;text-transform:uppercase}#projects-section .grid-wrapper .project-item>div a{color:hsla(0,0%,100%,.6);font-size:120%;font-weight:400;text-align:center;text-decoration:none}#projects-section .grid-wrapper .project-item>div a:hover{color:#0ab6ff}#projects-section .grid-wrapper .project-item:hover>div{display:flex}@media only screen and (max-height:1024px) and (max-width:768px) and (orientation:portrait){#projects-section .grid-wrapper .project-item{width:50%}}@media only screen and (max-height:736px) and (max-width:414px) and (orientation:portrait){#projects-section .grid-wrapper{align-items:center;justify-content:center}#projects-section .grid-wrapper .project-item{margin:20px 0;width:80%}}@keyframes blink-animation{to{visibility:hidden}}@-webkit-keyframes blink-animation{to{visibility:hidden}}footer{background:#1f2831;color:#fff;padding-top:50px;width:100%}footer,footer .details{align-items:center;display:flex;flex-direction:column}footer .details h2{font-size:200%;font-weight:400;text-transform:uppercase}footer .details h2,footer .details span{font-family:Hind,sans-serif;letter-spacing:2px}footer .details span{color:#b7b7b7;font-size:100%;font-weight:100}footer>span{color:#fff;font-family:Open Sans,sans-serif;font-size:80%;font-weight:100;margin-top:50px;padding:10px 0}
/*# sourceMappingURL=main.a07df0eb.css.map*/