@import url('//fonts.googleapis.com/css?family=Open+Sans:300,600');html{background:#4AD27B;background:-webkit-radial-gradient(circle,#4AD27B,#4AD27B 50%,rgb(74,184,114));background:radial-gradient(circle,#4AD27B,#4AD27B 50%,rgb(74,184,114));background-attachment:fixed;font-family:'Open Sans',sans-serif;font-weight:300;color:white;}html,body{height:100%;width:100%;padding:0;margin:0;line-height:1.3;}code{font-family:'Lucida Console',Monaco,'Courier New',Courier,monospace;background:rgb(74,184,114);display:inline-block;white-space:nowrap;padding:0 .3em;color:white;font-size:.9em;}a{color:white;}a:hover{color:rgb(74,82,77);text-decoration:none;}h1,h2,h3{line-height:1.1;}.main-demo figcaption,.main-plugins{padding:0 1rem;}@media (min-width:481px){.main-demo figcaption,.main-plugins{padding:0 2rem;}}@media (min-width:951px){.main-demo figcaption,.main-plugins{padding:0 3rem;}}.main-header{height:80%;min-height:500px;width:100%;display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-direction:column;-webkit-box-orient:vertical;-webkit-flex-direction:column;flex-direction:column;-ms-flex-align:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-ms-flex-pack:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;text-align:center;}.main-header h1{font-weight:inherit;margin:0;}@media (min-width:481px){.main-header h1{font-size:4rem;}}.main-header p{margin:0;}@media (min-width:481px){.main-header p{font-size:2rem;}}.main-header nav{display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:flex;padding:1em 0;}.main-header nav a{font-size:1.4rem;display:block;padding:.5em 1em;}.main-header nav a+a{border-left:solid 1px white;}@media (max-width:480px){.main-header .main-logo{width:130px;height:130px;}}.inner-header{text-align:center;margin:0 auto 4em auto;max-width:10em;background:rgb(74,171,109);background:white;color:#4AD27B;padding:0 1em 2em 1em;}.inner-header .main-logo{width:130px;height:130px;}.inner-header .main-logo svg{-webkit-transition:filter .5s;transition:filter .5s;fill:#4AD27B;}.inner-header .main-logo:hover svg{-webkit-filter:blur(1px);filter:blur(1px);}.inner-header h1{font-weight:inherit;font-size:2rem;line-height:1;margin:0;}.inner-header h1::after{content:'\25bc';display:block;cursor:default;margin-top:.5em;}.main-logo{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flipInY;animation-name:flipInY;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;display:block;width:260px;height:260px;display:inline-block;}.main-logo svg{fill:white;display:block;margin:0 auto;width:100%;height:100%;}.main-demo{text-align:center;margin:0;max-width:100%;overflow:hidden;}.main-demo strong{color:rgb(74,82,77);margin-bottom:0;font-size:.8em;font-weight:600;}.main-demo svg{fill:rgb(74,82,77);}.main-demo>div{width:700px;height:550px;box-sizing:border-box;background:url('../img/frame.png') no-repeat;padding:37px 25px;margin:0 auto;}.main-demo>div img{display:block;}.main-features{list-style:none;padding:0;display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-pack:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-ms-flex-wrap:wrap;-webkit-box-lines:multiple;-webkit-flex-wrap:wrap;flex-wrap:wrap;}.main-features>li{max-width:20rem;margin:0 2rem;}@media (min-width:481px){.main-features>li{margin:2rem;}}.main-features h2{font-weight:inherit;}.main-footer{padding:3em;text-align:center;font-size:.9em;}.main-plugins{list-style:none;max-width:40em;margin:0 auto;text-align:center;}.main-plugins h2{font-weight:inherit;margin-bottom:.3em;font-size:1.6rem;margin-top:3em;}.main-plugins h2+p{margin:0;}.main-plugins ul{list-style:none;padding:0;margin:1em 0 2em 0;}.main-plugins ul a{text-decoration:none;background:white;color:#4AD27B;display:block;padding:1em 2em;-webkit-transition:.3s;transition:.3s;}.main-plugins ul li:not(:first-child) a{border-top:solid 1px rgb(228,248,235);}.main-plugins ul li a:hover{border-top-color:rgb(146,228,176);position:relative;color:rgb(74,82,77);box-shadow:0 1px 3px 2px rgba(0,0,0,.1);}.main-plugins ul li a:hover h3{text-decoration:underline;}.main-plugins ul a code{color:#4AD27B;background:rgb(228,248,235);}.main-plugins h3,.main-plugins p{margin:0;}.main-plugins h3{font-size:1.6rem;color:rgb(74,82,77);font-weight:300;margin-bottom:.3em;}@-webkit-keyframes flipInY{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;-webkit-filter:blur(3px);filter:blur(3px);}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-filter:blur(0);filter:blur(0);opacity:1;}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg);}to{-webkit-transform:perspective(400px);transform:perspective(400px);}}@keyframes flipInY{from{-ms-transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;-webkit-filter:blur(3px);filter:blur(3px);}40%{-ms-transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-filter:blur(0);filter:blur(0);opacity:1;}60%{-ms-transform:perspective(400px) rotate3d(0,1,0,10deg);-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);}80%{-ms-transform:perspective(400px) rotate3d(0,1,0,-5deg);-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg);}to{-ms-transform:perspective(400px);-webkit-transform:perspective(400px);transform:perspective(400px);}}
/*# sourceMappingURL=styles.min.map */