html,body{margin:0;padding:0;background:url("./images/background.jpg") fixed;background-size:cover;font-size:14px;display:flex;min-height:100vh;flex-direction:column;overflow-x:hidden}.navigation{padding:0;margin:0;list-style:none;background:#fff;width:100%;height:100%;position:fixed;top:0;right:0;bottom:0;left:0;z-index:0}.navigation li{width:200px}.navigation li div{width:200px;color:#fff;background:#FD759D;padding:1.5rem 0;text-align:center;font-weight:600;border-bottom:2px solid #FD759D}.navigation li a{display:block;color:#5E5E5C;text-decoration:none;padding:1rem 0;text-align:center;font-weight:600;bottom-top:1px solid #fff;border-bottom:1px solid #FD759D;font-family:sans-serif}.navigation li a:hover{background:#FD759D;color:#fff;transition-duration:.2s}#nav-trigger{display:none}label[for="nav-trigger"]{display:inline-block;padding:1rem  2rem 1rem 1rem;transition:left 0.2s;border-radius:0 20px 20px 0;background:#fff;position:fixed;top:10px;left:0;z-index:2;cursor:pointer;transition:left 0.2s;box-shadow:1px 2px 5px rgba(0,0,0,0.2)}label[for="nav-trigger"] svg path{fill:#FD759D}.nav-trigger:checked+label{left:200px;transition:left 0.2s}.nav-trigger:checked ~ .site-wrap{left:200px;box-shadow:0 0 5px 5px rgba(0,0,0,0.3)}.site-wrap{min-width:100%;min-height:100%;background-color:#fff;position:relative;top:0;left:0;z-index:1;transition:left 0.2s}header{background:radial-gradient(rgba(255,225,232,0.8), #fc3972);text-align:center;padding:1.5rem 0}header>a{position:absolute;top:10px;right:20px;padding:1rem 2rem;display:inline-block;background-color:#fff;color:#FD759D;text-decoration:none;border:2px solid #fff;font-family:sans-serif;border-radius:20px;z-index:2;transition-duration:.25s;font-weight:bold}header>a svg{display:inline-block;margin-right:.5rem;vertical-align:top;fill:#FD3E75;transition-duration:.25s}header>a:hover{background-color:transparent;color:#fff;border:2px solid #fff}header>a:hover svg{fill:#fff}header h1{position:relative;margin:4rem auto 4.5rem;top:-2rem;color:#fff;font-weight:100;font-family:'Yantramanav', sans-serif;font-size:4.5rem;z-index:1}@media screen and (max-width: 450px){header h1{top:2rem}}header p{position:relative;top:-5rem;color:#fff;font-family:sans-serif;font-size:2rem;font-weight:bold;z-index:1}@media screen and (max-width: 450px){header p{top:0}}header img{display:block;margin:0 auto}header img.screenshot{position:relative;margin-top:-50px;z-index:1;box-shadow:0px 0px 20px #343434}@media screen and (max-width: 1045px){header img.screenshot{width:80%;height:auto}}@media screen and (max-width: 450px){header img.screenshot{margin-top:25px;width:100%}}header img.candy{position:relative;top:-400px;z-index:3}@media screen and (max-width: 1045px){header img.candy{top:-250px;height:150px;width:150px}}@media screen and (max-width: 752px){header img.candy{top:-150px}}@media screen and (max-width: 450px){header img.candy{top:-75px;height:100px;width:100px}}main{flex:1;position:relative;top:-500px;padding:5rem 0 4rem;width:100%;background-color:#fff;text-align:center;z-index:2}@media screen and (max-width: 1045px){main{top:-350px}}@media screen and (max-width: 752px){main{top:-250px}}@media screen and (max-width: 450px){main{top:-150px;padding:2rem 2%;width:96%}}main>.downloadBar{display:block;padding:3rem 0 5rem;margin:0 auto}@media screen and (max-width: 450px){main>.downloadBar{padding-bottom:1rem}}main>.downloadBar .box{display:inline-block;margin:0 2rem;width:20rem;vertical-align:top;font-family:sans-serif}@media screen and (max-width: 752px){main>.downloadBar .box{width:90%}}@media screen and (max-width: 450px){main>.downloadBar .box{margin:0}}main>.downloadBar .box .botton{cursor:pointer;width:15rem;margin-bottom:1rem;padding:.5rem 2rem;display:inline-block;font-size:2rem;color:#787878;border:2px solid #787878;border-radius:1.5rem;text-decoration:none;transition-duration:.25s}@media screen and (max-width: 752px){main>.downloadBar .box .botton{margin-right:2rem;display:inline-block;width:10rem;padding-right:4rem;text-align:center}}@media screen and (max-width: 450px){main>.downloadBar .box .botton{margin-right:0;padding-right:0;margin:0 auto 2rem;display:block;text-align:center}}main>.downloadBar .box .botton:hover{background-color:#787878;color:#fff}main>.downloadBar .box .green{background-color:#99DC50;border:2px solid #99DC50;color:#fff}main>.downloadBar .box .green:hover{background-color:#fff;color:#99DC50}main #toggle-package{display:none}main #toggle-package:checked ~ #package{border-top:3px solid #aaa;padding:3rem 0;height:auto;transition-duration:.2s}main ul#package{overflow:hidden;height:0;padding:0;background:#ccc;transition-duration:.2s;box-shadow:inset 0 0 10px #aaa;margin:0 auto;list-style-type:none}main ul#package li{display:inline-block;vertical-align:top;text-align:center;width:23%;min-height:3rem;margin:1rem 2rem}@media screen and (max-width: 752px){main ul#package li{width:40%}}@media screen and (max-width: 450px){main ul#package li{width:90%}}@media screen and (max-width: 752px){main ul#package li:last-child{display:none}}main ul#package li>a{display:block;padding:1.5rem;box-shadow:1px 1px 5px #888;text-decoration:none;margin:auto;text-align:center;border-radius:1.5rem}@media screen and (max-width: 450px){main ul#package li>a{padding:2rem .5rem 1rem}}main ul#package li>a .icon{margin-right:.25rem}main ul#package li>a .title{display:inline-block;vertical-align:center;font-size:1.7rem;font-weight:600;color:white;font-family:sans-serif}main ul.feature{padding:2rem 5% 0;margin:0 auto;list-style-type:none}main ul.feature li{display:inline-block;vertical-align:top;text-align:left;width:25%;margin:0 1rem;min-height:150px}@media screen and (max-width: 752px){main ul.feature li{width:40%}}@media screen and (max-width: 450px){main ul.feature li{width:90%}}@media screen and (max-width: 752px){main ul.feature li:last-child{display:none}}main ul.feature li>a{display:inline-block;padding:2rem;color:#787878;text-decoration:none}@media screen and (max-width: 450px){main ul.feature li>a{padding:2rem .5rem 1rem}}main ul.feature li>a .icon{margin-right:.25rem}main ul.feature li>a .title{display:inline-block;color:#FD3E75;vertical-align:top;font-weight:500;font-family:sans-serif}main ul.feature li>a .description{font-family:sans-serif}footer{margin-top:-500px;padding:1rem 5rem;height:1.5rem;background-color:#FD3E75;color:#fff;font-family:sans-serif}@media screen and (max-width: 1045px){footer{margin-top:-350px}}@media screen and (max-width: 752px){footer{margin-top:-250px}}@media screen and (max-width: 535px){footer{height:3rem}}@media screen and (max-width: 450px){footer{margin-top:-150px;padding:1rem}}footer div{line-height:1.5rem}footer div.maintainer{float:left}@media screen and (max-width: 535px){footer div.maintainer{float:right}}footer div.publish{float:right}footer div a{color:#fff}