@-webkit-keyframes pyramid__spinY{from{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}to{-webkit-transform:rotateY(360deg);transform:rotateY(360deg)}}@keyframes pyramid__spinY{from{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}to{-webkit-transform:rotateY(360deg);transform:rotateY(360deg)}}.pyramid__main{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.pyramid__container{width:80%;-webkit-perspective:800px;perspective:800px;-webkit-perspective-origin:center;perspective-origin:center}@media (min-width: 30rem){.pyramid__container{width:33.3333%}}.pyramid__shape{-webkit-transform-origin:50% 90% 0px;transform-origin:50% 90% 0px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:rotateX(20deg) rotateY(40deg);transform:rotateX(20deg) rotateY(40deg);position:relative;-webkit-animation:pyramid__spinY 8s infinite linear;animation:pyramid__spinY 8s infinite linear}.pyramid__shape div:not(.pyramid__base){position:absolute;border-left:150px solid transparent;border-right:150px solid transparent;border-bottom:300px solid;-webkit-transform-origin:150px 300px 0;transform-origin:150px 300px 0;opacity:0.5}.pyramid__shape div:after{position:absolute;top:150px;text-align:center;color:#fff;font-size:1.75em;text-transform:uppercase;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.pyramid__base{position:absolute;width:300px;height:300px;background-color:rgba(147,81,166,0.9);-webkit-transform:rotateX(90deg) translate3d(0px, 0px, -150px);transform:rotateX(90deg) translate3d(0px, 0px, -150px);opacity:0.5}.pyramid__base:after{content:'TERRAFORM'}.pyramid__shape div.pyramid__front{border-bottom-color:#e04545;-webkit-transform:rotateY(0deg) translate3d(0px, 0px, 150px) rotateX(30deg);transform:rotateY(0deg) translate3d(0px, 0px, 150px) rotateX(30deg)}.pyramid__shape div.pyramid__front:after{content:'D3'}.pyramid__shape div.pyramid__back{border-bottom-color:#ccaf5a;-webkit-transform:rotateY(90deg) translate3d(0px, 0px, 150px) rotateX(30deg);transform:rotateY(90deg) translate3d(0px, 0px, 150px) rotateX(30deg)}.pyramid__shape div.pyramid__back:after{content:'node'}.pyramid__shape div.pyramid__left{border-bottom-color:#800000;-webkit-transform:rotateY(180deg) translate3d(0px, 0px, 150px) rotateX(30deg);transform:rotateY(180deg) translate3d(0px, 0px, 150px) rotateX(30deg)}.pyramid__shape div.pyramid__left:after{content:'TYPESCRIPT'}.pyramid__shape div.pyramid__right{border-bottom-color:#4ccfc8;-webkit-transform:rotateY(270deg) translate3d(0px, 0px, 150px) rotateX(30deg);transform:rotateY(270deg) translate3d(0px, 0px, 150px) rotateX(30deg)}.pyramid__shape div.pyramid__right:after{content:'REACT'}

@media (min-width: 62rem){.home__main{display:block}}


/*# sourceMappingURL=30.c9bd14753c6d966ebc86.css.map*/