@font-face{font-family:"Luna";src:url("/fonts/Luna.ttf");font-display:swap}@font-face{font-family:"PermanentMarker-Regular";src:url("/fonts/PermanentMarker-Regular.ttf");font-display:swap}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}html{background:#2b2b40}html,body{margin:0;padding:0;text-align:left;overflow-x:hidden}body{font-family:"San Francisco","Helvetica Neue","Helvetica","Arial";background:#fff;background-size:auto;background-size:1132px 1014px;color:#012c38}a{color:#fa00af;text-decoration:none}a:hover{text-decoration:none;color:#01c9d7}a:hover{text-decoration:underline}img{width:100%}h1{font-size:3rem;font-weight:700;margin:0;text-align:center}h2{font-size:2rem;line-height:1;font-weight:700;margin:0 0 30px 0;font-family:"PermanentMarker-Regular",cursive,sans-serif}h3{margin:20px 0 10px 0;font-family:"PermanentMarker-Regular",cursive,sans-serif}p,address,ul,ol{font-size:20px;color:#012c38;margin-bottom:20px;font-weight:400}code{background-color:#fdcde4;padding:0 3px;font-family:"Courier New",Courier,monospace}@media (min-width: 768px){.flex{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;align-items:center;flex-direction:row}.flex .text,.flex .screenshot{-webkit-flex:1;flex:1;margin:0 20px}.column{flex-flow:column nowrap}}.features h3{text-shadow:3px 3px #fcfa79}.features h3 a{border-bottom:2px dashed #012c38}.features h3 a:hover{text-decoration:none}.feature{padding:100px 0;text-align:right}.feature h2{text-shadow:3px 3px #fdcde4}.feature p{background:#fff}.feature:nth-child(even) .flex{flex-direction:row-reverse;text-align:left}.feature:nth-child(even) .flex h2{text-shadow:3px 3px #effbff}.feature:nth-child(even) .flex .screenshot{box-shadow:4px 4px #c4fdd0}.hero{min-height:100vh;display:flex;align-items:center;padding:0}.hero .container{display:flex;flex-flow:column-reverse;justify-content:space-evenly;align-items:center}.hero .container .intro-text{padding:20px;text-align:center;z-index:99}.hero .container .intro-text small{padding:10px;display:block}.hero .container .intro-text .title{font-family:"San Francisco","Helvetica Neue","Helvetica","Arial";font-size:3em;font-weight:700;text-align:center;line-height:1;margin-bottom:20px;text-shadow:3px 3px #fdcde4}.hero .container .intro-text .subtitle{font-family:"San Francisco","Helvetica Neue","Helvetica","Arial";font-size:23px;text-align:center}.hero .container .intro-text .download-links{margin-top:10px}.hero .container .intro-text .download-links .link{padding:10px 5px;line-height:2.2}.hero .container .intro-text .download-links .link img{width:20px;margin-bottom:-3px}.hero .container .graphic-container{width:100%}@media (min-width: 768px){.hero .container .graphic-container{max-width:450px}}.hero .container .graphic-container .screenshot{position:relative;width:100%;min-width:320px;margin:0 auto;margin-bottom:40px;aspect-ratio:16/9;max-height:200px}.hero .container .graphic-container .screenshot .sam{opacity:0;animation-name:fadeIn;animation-duration:3s;animation-iteration-count:1;animation-fill-mode:forwards;position:absolute;bottom:-60px;transform:translateX(20px)}@media (min-width: 768px){.hero .container .graphic-container .screenshot .sam{position:relative;width:32%;transform:scale(2) translateX(7%)}}@media (max-width: 768px){.hero .container .graphic-container .screenshot .sam.back{animation-name:fadeInOut}}@media (min-width: 768px){.hero .container .graphic-container .screenshot .sam.back{transform:scale(2) translateX(2%)}}.hero .container .graphic-container .screenshot .sam.mid{animation-delay:2s}@media (max-width: 768px){.hero .container .graphic-container .screenshot .sam.mid{animation-name:fadeInOut}}@media (min-width: 768px){.hero .container .graphic-container .screenshot .sam.mid{transform:scale(2.5) translateX(3%)}}.hero .container .graphic-container .screenshot .sam.fore{animation-delay:4s}@media (min-width: 768px){.hero .container .graphic-container .screenshot .sam.fore{transform:scale(3) translateX(7%)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeInOut{0%{opacity:0}50%{opacity:1}100%{opacity:0}}.second-hero{display:flex;flex-flow:row wrap;justify-content:center;text-align:center;max-width:1024px;margin:0 auto}.second-hero img{width:300px;border:1px solid #012c38;box-shadow:3px 3px #012c38;margin:10px;transition-duration:0.5s;z-index:0}.second-hero img:hover{transform:scale(1.1);z-index:1}@keyframes move{0%{transform:scale(1.2, 1.2) translateY(40px)}50%{transform:scale(1.3, 1.3) translateY(40px)}100%{transform:scale(1.2, 1.2) translateY(40px)}}.container,.text-container{margin:0 auto;position:relative;padding:0 20px}.text-container{max-width:750px;background-color:#fff}.docs h1,.docs h2,.docs h3,.docs h4,.docs h5,.docs h6{font-family:"San Francisco","Helvetica Neue","Helvetica","Arial";text-decoration:underline}.docs .app-tool{background-color:#c4fdd0;padding-left:3px}.docs .app-tool svg{width:22px;height:22px;margin-right:-3px;fill:none;stroke:#fa00af;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.container{max-width:1140px}.container.max-container{max-width:100%;padding:0}section{padding:30px 0}.button{padding:10px 25px;border:2px solid #012c38;border-radius:24px;box-shadow:3px 3px 0 #012c38;background-color:#fcfa79;color:#012c38;font-family:"Courier New",Courier,monospace;font-size:20px;font-weight:700;text-align:center;text-decoration:none;cursor:pointer}.button.pink{background-color:#fdcde4}.button.mint{background-color:#c4fdd0}.button.electric{background-color:#effbff}.button.small{padding:7px 17px;font-size:17px}.button:hover{box-shadow:none;transform:translate(2px, 2px)}.button.floating{position:fixed;bottom:30px;right:30px;z-index:10;color:inherit;text-decoration:none}.button.floating svg{fill:#012c38;vertical-align:middle;position:relative;width:22px;height:22px}blockquote{padding:18px 25px;margin:0;quotes:"“" "”" "‘" "’";font-style:italic;border:1px solid #012c38;box-shadow:4px 4px #012c38;background-color:#effbff}blockquote .author{display:block;font-weight:bold;margin:10px 0 0 0;font-size:0.85em;font-style:normal}blockquote p{display:inline;font-family:"Courier New",Courier,monospace;font-size:25px}blockquote:before{content:open-quote;font-size:40px;font-weight:bold;height:100%}.page{margin-bottom:0;padding-bottom:80px}.page .subtext{margin:15px 0;text-align:center;font-family:"Courier New",Courier,monospace;font-size:18px;color:#012c38;background:#fff;text-shadow:1px 1px #c4fdd0}.center-text{text-align:center !important}.right-text{text-align:right !important}.left-text{text-align:left !important}.whiteback{background-color:#fff}.blog-posts{display:grid;column-gap:2em;row-gap:2em;list-style:none;padding:0}@media (min-width: 768px){.blog-posts{grid-template-columns:repeat(3, 1fr)}}.blog-posts .blog-post{display:flex;flex-flow:column nowrap;padding:20px;border:1px solid #012c38;box-shadow:4px 4px 0 #012c38;background:#fff;color:#012c38;text-align:center}.blog-posts .blog-post:nth-child(even){background:#effbff}@media (min-width: 768px){.blog-posts .blog-post:nth-child(7n+0){grid-column-start:1;grid-column-end:4;background-color:#fdcde4}}.blog-posts .blog-post:hover{transform:rotateZ(1deg) !important}.blog-posts .blog-post img{width:80px;min-width:80px;height:80px;margin:0 auto;border-radius:50%;border:1px solid #012c38;box-shadow:0 3px 1px #fcfa79;object-fit:cover}.blog-posts .blog-post h3{margin:15px}.blog-posts .blog-post h3 a{color:#012c38}.blog-posts .blog-post p{font-family:"Courier New",Courier,monospace;font-size:20px;margin-bottom:0}@media (min-width: 1024px){.blog-posts .blog-post p{display:block}}@media (min-width: 768px){.blog-posts .blog-post.box1{grid-column-start:1;grid-column-end:3;grid-row-start:1;grid-row-end:3}.blog-posts .blog-post.box1 img{border-radius:0;width:90%;max-height:300px;height:100%;box-shadow:3px 3px 3px #fcfa79}.blog-posts .blog-post.box2 p,.blog-posts .blog-post.box3 p,.blog-posts .blog-post.box4 p,.blog-posts .blog-post.box5 p{display:none}.blog-posts .blog-post.box6{grid-column-start:2;grid-column-end:4;grid-row-start:3;grid-row-end:5}.blog-posts .blog-post.box6 img{border-radius:0;width:90%;max-height:300px;height:100%;box-shadow:3px 3px 3px #fcfa79}}.blog-post{background:#fff;padding:10px}.blog-post .blog-navigation{font-size:14px;display:block;width:auto;overflow:hidden}.blog-post .blog-navigation a{display:block;width:50%;float:left;margin:1em 0}.blog-post .blog-navigation .next{text-align:right}.blog-post .post-details{border-bottom:1px solid #eee;font-size:.9em}.blog-post .post-details .blog-filter{display:inline-block;text-align:left}.blog-post .post-details .blog-filter a{position:relative;top:-5px}.blog-post .post-details a{text-decoration:none}.blog-post .post-details .post-date{float:right}.blog-post .post-details:after{content:"";display:table;clear:both}.pagination{text-align:center}.blog-filter{text-align:center}.blog-filter a{background:#eee;padding:3px 5px;font-size:.8em;border-radius:5px;color:#888}.blog-filter a:hover{color:#555;text-decoration:none}.blog-filter.cross a{padding-right:8px}.blog-filter.cross a:after{content:"x";font-size:.5em;position:relative;bottom:4px;right:-3px}.post-content h3{font-family:"Courier New",Courier,monospace}.videos{display:flex;flex-flow:row wrap;justify-content:space-around;padding-bottom:40px}.videos iframe{margin:40px 0;width:450px;aspect-ratio:16 / 9;border:1px solid #012c38;box-shadow:4px 4px 0 #012c38}.screenshot{padding:0;background:#fff;border:1px solid #012c38;border-radius:5px 5px 0 0;box-shadow:4px 4px #fcfa79;text-align:left}.screenshot .toolbar{width:100%;height:20px;border-bottom:1px solid #012c38}.screenshot .toolbar span{display:inline-block;border-radius:50%;border:1px solid #012c38;width:8px;height:8px;margin-left:3px}.screenshot img{margin-bottom:-4px}.carousel .images{grid-row:1 / 2;grid-column:1 / 8;width:100vw;height:350px;display:flex;align-items:center;justify-content:center;overflow:hidden;transform-style:preserve-3d;perspective:200px;--items: 9;--middle: 5;--position: 5;touch-action:none}@media (min-width: 450px){.carousel .images{perspective:600px}}.carousel .images .item{position:absolute;--r: calc(var(--position) - var(--offset));--abs: max(calc(var(--r) * -1), var(--r));transition:all 0.25s linear;transform:scale(0.7) rotateY(calc(-10deg * var(--r))) translateX(calc(-300px * var(--r)));z-index:calc((var(--position) - var(--abs)));pointer-events:none;filter:grayscale(60%)}@media (min-width: 450px){.carousel .images .item{transform:scale(1) rotateY(calc(-10deg * var(--r))) translateX(calc(-300px * var(--r)))}}.carousel .images .item:nth-of-type(1){--offset: 1}.carousel .images .item:nth-of-type(2){--offset: 2}.carousel .images .item:nth-of-type(3){--offset: 3}.carousel .images .item:nth-of-type(4){--offset: 4}.carousel .images .item:nth-of-type(5){--offset: 5}.carousel .images .item:nth-of-type(6){--offset: 6}.carousel .images .item:nth-of-type(7){--offset: 7}.carousel .images .item:nth-of-type(8){--offset: 8}.carousel .images .item:nth-of-type(9){--offset: 9}.carousel .images .item:nth-of-type(10){--offset: 10}.carousel .images .item:nth-of-type(11){--offset: 11}.carousel .images .item:nth-of-type(12){--offset: 12}.carousel .images .item:nth-of-type(13){--offset: 13}.carousel .images .item:nth-of-type(14){--offset: 14}.carousel .images .item:nth-of-type(15){--offset: 15}.carousel .images .item:nth-of-type(16){--offset: 16}.carousel .images .item:nth-of-type(17){--offset: 17}.carousel .images .item:nth-of-type(18){--offset: 18}.carousel .images .item:nth-of-type(19){--offset: 19}.carousel .images .item:nth-of-type(20){--offset: 20}.carousel .images .item:nth-of-type(21){--offset: 21}.carousel .images .item:nth-of-type(22){--offset: 22}.carousel .images .item:nth-of-type(23){--offset: 23}.carousel .images .item:nth-of-type(24){--offset: 24}.carousel .images .item:nth-of-type(25){--offset: 25}.carousel .images .item:nth-of-type(26){--offset: 26}.carousel .images .item:nth-of-type(27){--offset: 27}.carousel .images .item.visible{opacity:1}.carousel .images .item.hidden{opacity:0}.carousel .images .item.active{filter:grayscale(0%) saturate(1.2);transform:scale(0.9)}@media (min-width: 450px){.carousel .images .item.active{transform:scale(1.4)}}.carousel input{display:none}.carousel input:nth-of-type(1):checked ~ .images{--position: 1}.carousel input:nth-of-type(2):checked ~ .images{--position: 2}.carousel input:nth-of-type(3):checked ~ .images{--position: 3}.carousel input:nth-of-type(4):checked ~ .images{--position: 4}.carousel input:nth-of-type(5):checked ~ .images{--position: 5}.carousel input:nth-of-type(6):checked ~ .images{--position: 6}.carousel input:nth-of-type(7):checked ~ .images{--position: 7}.carousel input:nth-of-type(8):checked ~ .images{--position: 8}.carousel input:nth-of-type(9):checked ~ .images{--position: 9}.carousel input:nth-of-type(10):checked ~ .images{--position: 10}.carousel input:nth-of-type(11):checked ~ .images{--position: 11}.carousel input:nth-of-type(12):checked ~ .images{--position: 12}.carousel input:nth-of-type(13):checked ~ .images{--position: 13}.carousel input:nth-of-type(14):checked ~ .images{--position: 14}.carousel input:nth-of-type(15):checked ~ .images{--position: 15}.carousel input:nth-of-type(16):checked ~ .images{--position: 16}.carousel input:nth-of-type(17):checked ~ .images{--position: 17}.carousel input:nth-of-type(18):checked ~ .images{--position: 18}.carousel input:nth-of-type(19):checked ~ .images{--position: 19}.carousel input:nth-of-type(20):checked ~ .images{--position: 20}.carousel input:nth-of-type(21):checked ~ .images{--position: 21}.carousel input:nth-of-type(22):checked ~ .images{--position: 22}.carousel input:nth-of-type(23):checked ~ .images{--position: 23}.carousel input:nth-of-type(24):checked ~ .images{--position: 24}.carousel input:nth-of-type(25):checked ~ .images{--position: 25}.carousel input:nth-of-type(26):checked ~ .images{--position: 26}.carousel input:nth-of-type(27):checked ~ .images{--position: 27}header{padding:15px 0}header a{color:#012c38;text-decoration:none;z-index:1;position:relative}header a:hover{text-decoration:none;color:inherit}header .navbar{width:max-content;font-size:1.7em;line-height:0}header .navbar a{display:flex;align-items:center;font-family:"Luna",Arial,Helvetica,sans-serif;font-size:17px;width:max-content}header .navbar img{display:block;width:auto;height:50px;margin-right:5px;margin-top:-5px}.nav-open nav{border-bottom:1px solid #012c38;padding:10px 0}.nav-open nav a{display:block}@media (min-width: 620px){.nav-open nav{border:0;padding:0 20px}.nav-open nav a{display:inline}}nav{font-size:1em;width:100%}@media (min-width: 620px){nav{text-align:right;position:absolute;top:15px;right:0;padding:0 20px}}nav a{margin:0 3px;padding:20px 10px;border-bottom:1px solid rgba(255,255,255,0);color:#012c38;font-weight:700;display:none}@media (min-width: 620px){nav a{display:inline;padding:10px}}nav a.nav-toggle{display:inline;position:absolute;right:10px;top:0;padding:0;font-size:1.9em;border:0}@media (min-width: 620px){nav a.nav-toggle{display:none}}nav a.nav-toggle:hover{border:0}nav a:hover{border-bottom:1px solid #012c38;color:inherit}@media (min-width: 620px){nav a.highlight{border:1px #ccc solid}nav a.highlight:hover{background:#fff}}nav a.active{border-bottom:1px dashed #012c38}footer{max-width:768px;margin:0 auto;padding:50px 0 50px 0;font-size:1.1em;position:relative;text-align:center;border-top:3px dashed #012c38}footer h3{width:200px;text-align:center;padding:5px;margin:30px auto;background-color:#012c38;font-size:20px;color:#fff;transform:rotateZ(4deg);box-shadow:3px 3px #fa00af}footer h3:nth-child(3){width:300px;transform:rotateZ(357deg)}footer .team{margin-top:50px;font-style:italic;font-family:"PermanentMarker-Regular",cursive,sans-serif;text-align:center}footer .team h4{margin:0;font-size:30px}footer .team p{margin-top:5px}footer .team a{color:#fa00af;border-bottom:2px dashed #012c38}footer .team a:hover{text-decoration:none;color:#01c9d7}footer .team img{width:200px}footer .copyright{background-color:#012c38;font-size:.8em;margin:0 auto;color:#fff;text-align:center;padding:5px 10px;box-shadow:3px 3px #01c9d7}@media (min-width: 450px){footer .copyright{width:max-content}}footer a{color:#fff}.social-links{margin:10px auto;width:max-content;padding:0;text-align:left;display:flex;flex-direction:row}@media (min-width: 450px){.social-links{-webkit-flex:1 0 180px;flex:1 0 180px}}.social-links li{list-style:none;margin:0 15px}.social-links li a{color:#012c38}.social-links li a:hover{text-decoration:none}.social-links li a button{padding:14px 5px 11px 15px}.social-links li a svg{fill:#012c38;margin-right:10px;vertical-align:middle;position:relative;top:-2px;width:22px;height:22px}.social-links li a.Reddit-icon path{fill:#012c38}.testimonials{max-width:1140px;margin:0 auto;padding:50px 20px}.testimonials h2{font-size:3rem;text-shadow:2px 2px #c4fdd0}.gallery{padding:0px}.gallery .grid{position:relative;top:0px}.neat img{max-height:300px;width:100%;object-fit:contain}.masonry{margin-top:80px;columns:3 300px;column-gap:40px}.masonry li{position:relative;display:inline-block;width:150px;color:white;margin:0 1rem 1rem 0;display:inline-block;width:100%;padding:20px 0}.masonry li a{text-decoration:none}.masonry li .header{position:absolute;bottom:15px;right:10px;background:#c4fdd0;padding:5px 20px;font-size:1.5rem !important;font-style:italic;font-family:"Courier New",Courier,monospace;border:1px solid #012c38}.masonry li img{border:1px solid #012c38;box-shadow:4px 4px 0 #012c38}.masonry li img.back{position:absolute;left:1px;top:21px;right:0;bottom:0;border:none;box-shadow:none;opacity:0;background-color:lavenderblush;transition-duration:0.5s}.masonry li img.back:hover{opacity:0.95}.masonry li:hover{transform:rotateZ(1deg) !important}.special{margin:0 auto;max-width:720px;background:#effbff;border:1px solid;padding:10px 0 20px 0;box-shadow:3px 3px #012c38;text-align:center;transform:rotateZ(2deg)}.special h3{margin:0 0 10px;text-shadow:3px 3px #c4fdd0}.pricing{display:flex;flex-flow:row wrap;justify-content:center;align-items:start;margin:30px 0}.pricing .tier{width:250px;margin:10px;border:1px solid;padding:15px;text-align:center}.pricing .tier.free{margin-top:40px;background:#fff}.pricing .tier.free h3{text-shadow:3px 3px #c4fdd0}.pricing .tier.pro{background:#fdcde4;box-shadow:3px 3px #012c38}.pricing .tier.pro h3{text-shadow:3px 3px #fcfa79}.pricing .tier .frequency{text-align:center;padding:5px;margin:20px auto;background-color:#012c38;color:#fff;transform:rotateZ(3deg);box-shadow:3px 3px #fa00af}.pricing .tier .frequency h4{font-size:20px}.pricing .tier .frequency:nth-child(2){transform:rotateZ(357deg)}.pricing .tier h3{font-size:25px;margin-top:0}.pricing .tier h4{font-size:30px;margin:0}.pricing .tier small{font-weight:bold}.pricing .tier p{font-size:16px;font-weight:bold}.pricing .tier ul{list-style:none;margin:10px 0 0 0;padding:0}.pricing .tier li{border-bottom:1px dashed #012c38;padding:10px 0;font-size:16px}.pricing .tier li:last-child{border-bottom:0}.pricing img{width:320px;margin-top:40px}