@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap";*{box-sizing:border-box}h1,h2,p,ul{margin-top:unset}html{--background-colour:#131313;--body-colour:#f7f7f7;--bokutachi-colour:#527acc;--kamaitachi-colour:#e61c6e;--curviness:4px;--sm-padding:calc(var(--curviness) * 2) calc(var(--curviness) * 3);--md-padding:calc(var(--curviness) * 4) calc(var(--curviness) * 6);--sm-gap:calc(var(--curviness) * 4);--md-gap:calc(var(--curviness) * 6);background:var(--background-colour);color:var(--body-colour);font-family:Poppins,sans-serif}html,body{min-height:100vh;padding:unset;margin:unset}:is(html,body) a,:is(html,body) p,:is(html,body) li,:is(html,body) h1,:is(html,body) h2{color:var(--body-colour)}.container{max-width:90ch;min-height:100vh;padding:var(--md-padding);flex-direction:column;margin:0 auto;display:flex}.container .content{flex:100%}.container .content h1{align-items:center;gap:.5ch;display:flex}.container .content h1 img{object-fit:contain;width:1em;height:1em}.container .content .services{justify-content:space-around;align-items:stretch;gap:var(--md-gap);margin-bottom:var(--md-gap);flex-wrap:wrap;display:flex}.container .content .services .service{flex-direction:column;flex:1 0 calc(50% - var(--md-gap));border:1px solid var(--body-colour);border-radius:var(--curviness);padding:var(--md-padding);display:flex}@media screen and (width<=720px){.container .content .services .service{padding:var(--sm-padding)}}.container .content .services .service h1{justify-content:center}.container .content .services .service ul{margin-bottom:var(--md-gap);flex:100%}@media screen and (width<=720px){.container .content .services .service ul{padding-left:var(--sm-gap)}}.container .content .services .service .buttons{gap:var(--sm-gap);display:flex}.container .content .services .service .buttons .button{width:100%;padding:var(--sm-padding);text-align:center;border-radius:var(--curviness);flex:auto;justify-content:center;align-items:center;text-decoration:none;display:flex}.container .content .services .service .buttons .button.disabled{opacity:.75;cursor:default}.container .content .services .service .buttons .button.boku.primary{background:var(--bokutachi-colour)}.container .content .services .service .buttons .button.boku.secondary{border:1px solid var(--bokutachi-colour)}.container .content .services .service .buttons .button.kamai.primary{background:var(--kamaitachi-colour)}.container .content .services .service .buttons .button.kamai.secondary{border:1px solid var(--kamaitachi-colour)}.container .content .screenshots{gap:var(--sm-gap);padding:var(--sm-gap) 0;flex-wrap:wrap;display:flex}.container .content .screenshots img{object-fit:contain;flex:auto;width:100%;min-width:300px}.container .footer{gap:var(--sm-gap);flex-wrap:wrap;flex:none;justify-content:space-between;display:flex}.container .footer>.links{gap:var(--sm-gap);flex-wrap:wrap;flex:none;display:flex}