.resize-animation-stopper *{animation:none!important}.resize-animation-stopper * .orb-image{display:none}.graph-paper{background-position-x:center;background-repeat:repeat;background-size:min(100vw * 1/9,112px) auto}body{background-color:#fff;overflow-x:hidden;width:100%}.banner{background-color:#02ffff;left:0;padding:.5em 1em;position:sticky;right:0;top:0;z-index:100}.banner p{font-size:1.2em;margin:0}header,section{width:100%}header{background-image:url(../images/graph-paper-blue.png);position:relative}header .social{height:4vw;max-height:40px;min-height:20px;position:absolute;right:min(20px,2vw);top:min(20px,2vw)}header .contents{padding:min(100vw * .5/9,56px) min(100vw * 1/9,112px)}header h1{font-family:Permanent Marker,cursive;font-size:min(100vw * .82/9,91.84px);margin:0 0 min(100vw * .4/9,44.8px);text-align:center}header #gravity-image{margin:auto;max-width:784px}header p{font-family:Nothing You Could Do,cursive;font-size:max(21px,min(100vw * .315/9,35.28px));font-weight:700;margin:min(100vw * .35/9,39.2px);text-align:center}header button.download-disabled{background:none;border:none;cursor:not-allowed;display:block;margin:auto;min-width:120px;opacity:.6;padding:0;width:min(100vw * 2/9,224px)}header button.download-disabled img{height:auto;width:100%}@media only screen and (max-width:600px){header div.contents{padding-top:15px}header .social{margin-bottom:15px;position:relative;right:0;text-align:right;top:0}}.arrows,.arrows-fixed{animation:arrow-down .9s linear 0s infinite normal;background-image:url(../images/arrow-mutable.svg);background-position-x:center;background-repeat:repeat;background-size:calc(min(100vw * .9 / 9, 100.8px)/2);height:calc(100% + min(100vw * .9 / 9, 100.8px));position:absolute;width:100%;z-index:-10}.arrows-cover,.arrows-cover-fixed{background-color:#fff;height:min(100vw * .9/9,100.8px);left:0;position:absolute;top:calc(min(100vw * .9 / 9, 100.8px)*-1);width:100%;z-index:-5}.arrows-cover-fixed{height:100%;left:calc(min(100vw * .9 / 9, 100.8px)*-1);top:0;width:min(100vw * .9/9,100.8px)}.arrows-fixed{animation-name:arrow-right;background-image:url(../images/arrow-fixed.svg);background-position-x:0;background-position-y:center;background-size:auto calc(min(100vw * .9 / 9, 100.8px)/2);height:100%;width:calc(100% + min(100vw * .9 / 9, 100.8px))}@keyframes arrow-down{0%{transform:translateY(calc(min(100vw * .9 / 9, 100.8px)*-1))}to{transform:translateY(0)}}@keyframes arrow-right{0%{transform:translateX(calc(min(100vw * .9 / 9, 100.8px)*-1))}to{transform:translateX(0)}}#fixed-field{background-color:#b9b9b9;height:min(100vw * 1.3/9,145.6px);overflow-x:hidden;position:relative;z-index:0}#fixed-field .boundary:last-child{bottom:0}#fixed-field .orb{animation:orb-left-to-right 3s ease-in 0s infinite normal;height:min(100vw * 1/9,112px);position:absolute;top:min(100vw * .15/9,16.8px);width:min(100vw * 1/9,112px)}#fixed-field .orb .orb-image{animation:orb-colour-change 15s step-end 0s infinite normal;background-image:url(../images/orbs/red-orb-grey.svg);background-size:cover;height:100%;width:100%}@keyframes orb-left-to-right{0%{transform:translateX(min(100vw * -1.01/9,-113.12px))}to{transform:translateX(calc(100vw + min(100vw * 1.01 / 9, 113.12px)))}}@keyframes orb-colour-change{0%{background-image:url(../images/orbs/red-orb-grey.svg)}20%{background-image:url(../images/orbs/blue-orb-grey.svg)}40%{background-image:url(../images/orbs/green-orb-grey.svg)}60%{background-image:url(../images/orbs/orange-orb-grey.svg)}80%{background-image:url(../images/orbs/purple-orb-grey.svg)}}.boundary{background-image:url(../images/boundary.svg);background-repeat:repeat-x;background-size:auto min(100vw * .05/9,5.6px);height:min(100vw * .05/9,5.6px);position:absolute;width:100%}h2{font-family:Permanent Marker,cursive;font-size:max(30px,min(100vw * .45/9,50.4px));margin-top:0}a,h2,p{text-align:center}a,p{font-family:Nothing You Could Do,cursive;font-size:max(20px,min(100vw * .25/9,28px))}h3{font-family:Permanent Marker,cursive;font-size:max(20px,min(100vw * .3/9,33.6px));margin-top:0}#iPhone{height:min(100vw * 7.0235849057/9,786.641509434px);margin:auto auto min(100vw * .5/9,56px);min-height:min(602.0215633423px,158.5323450135vw);min-width:min(300px,79vw);position:relative;width:min(100vw * 3.5/9,392px)}#iPhone:after{background-image:url(../images/iPhone.png);background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";display:block;height:100%;left:0;pointer-events:none;position:absolute;top:0;transition:opacity .5s;width:100%;z-index:10}#iPhone:focus:after,#iPhone:hover:after{opacity:0}#iPhone #video-container{display:block;left:6.7%;margin:auto;position:absolute;top:3.3%;width:87%;z-index:5}#iPhone video{border-radius:10%/4.9832102082%;outline:none}section .container{margin:auto;max-width:70%;padding:min(100vw * .5/9,56px) 0 min(100vw * 1/9,112px);text-align:center}section#about{background-image:url(../images/graph-paper-green.png)}section#about p:last-of-type{font-size:max(24px,min(100vw * .35/9,39.2px))}section#about #screenshots{align-items:flex-start;display:flex;min-width:min(300px,79vw)}section#about .footer-orbs{background-image:url(../images/footer-orbs.svg);background-position-x:center;background-repeat:repeat-x;background-size:auto min(100vw * 1/9,112px);height:min(100vw * 1/9,112px)}section#about .about-text{-moz-column-gap:min(100vw * .5/9,56px);column-gap:min(100vw * .5/9,56px);display:grid;grid-template-columns:auto min(40%,450px);grid-template-rows:auto;row-gap:min(100vw * .4/9,44.8px)}@media only screen and (min-width:801px){section#about .about-text p:last-of-type{margin-bottom:0}}section#about .about-text{grid-template-areas:"line1 line1" "line2 screenshot" "line3 screenshot" "line4 screenshot" "line5 screenshot"}section#about .about-text p:first-child{grid-area:line1}section#about .about-text p:nth-child(2){grid-area:line2}section#about .about-text p:nth-child(3){grid-area:line3}section#about .about-text p:nth-child(4){grid-area:line4}section#about .about-text p:nth-child(5){grid-area:line5}section#about .about-text p{margin:0}section#about .about-text #screenshots{grid-area:screenshot}@media only screen and (max-width:1650px){section#about .about-text{grid-template-areas:"line1 line1" "line2 screenshot" "line3 screenshot" "line4 screenshot" "line5 line5"}section#about .about-text #screenshots{align-items:center}}@media only screen and (max-width:1350px){section#about .about-text{grid-template-areas:"line1 line1" "line2 line2" "line3 screenshot" "line4 screenshot" "line5 line5"}}@media only screen and (max-width:800px){section#about .about-text{align-items:center;display:flex;flex-direction:column;row-gap:0}section#about .about-text p{margin-bottom:max(min(100vw * .4/9,44.8px),20px)}section#about .about-text #screenshots{margin-top:20px;width:min(100vw * 3.5/9,392px)}}footer{background-image:url(../images/footer-blocks.png);background-position-x:center;background-repeat:repeat;background-size:min(100vw * 5.5/9,616px);color:#fff;display:flex;flex-wrap:wrap;justify-content:center;padding-bottom:min(100vw * .4/9,44.8px)}footer div{margin:min(100vw * .4/9,44.8px);text-align:center}footer h3{font-family:Nothing You Could Do,cursive;margin-bottom:5px}footer a,footer p{font-family:Permanent Marker,cursive}footer a{color:#fff;font-size:max(14px,min(100vw * .22/9,24.64px));text-decoration:underline}footer a:focus,footer a:hover{text-decoration:none}footer .links{display:flex;flex-direction:column;justify-content:center}footer .links a{font-family:Nothing You Could Do,cursive}footer .links small{margin-bottom:20px}footer .links small:last-of-type{margin-bottom:0}footer .copyright{text-align:center;width:100%}footer small{font-family:Nothing You Could Do,cursive;font-size:max(14px,min(100vw * .22/9,24.64px))}footer .before-apostrophe{letter-spacing:2px}@media only screen and (max-width:650px){.graph-paper{background-size:13vw auto}header .contents{padding:4.55vw}header h1{font-size:10.66vw;margin-bottom:5.2vw}header p{margin:4.55vw}header a{width:26vw}.arrows,.arrows-fixed{animation-name:min-arrow-down;background-size:5.85vw;height:calc(100% + 11.7vw)}.arrows-cover,.arrows-cover-fixed{height:11.7vw;top:-11.7vw}.arrows-cover-fixed{left:-11.7vw;width:11.7vw}.arrows-fixed{animation-name:min-arrow-right;background-size:auto 5.85vw;height:100%;width:calc(100% + 11.7vw)}@keyframes min-arrow-down{0%{transform:translateY(-11.7vw)}to{transform:translateY(0)}}@keyframes min-arrow-right{0%{transform:translateX(-11.7vw)}to{transform:translateX(0)}}#fixed-field{height:16.9vw}#fixed-field .orb{animation-duration:2s;animation-name:min-orb-left-to-right;height:13vw;top:1.95vw;width:13vw}#fixed-field .orb .orb-image{animation-duration:10s}@keyframes min-orb-left-to-right{0%{transform:translateX(-13.13vw)}to{transform:translateX(113.13vw)}}.boundary{background-size:auto .65vw;height:.65vw}#iPhone{margin-bottom:6.5vw}#iPhone #video-container{margin:auto}section .container{max-width:100%;padding:6.5vw 10.4vw 13vw}section#about .footer-orbs{background-size:auto 13vw;height:13vw}section#about #screenshots{width:45.5vw}footer{background-size:71.5vw;padding-bottom:5.2vw}footer div{margin:5.2vw}}