*{margin:0;padding:0}body,html{width:100vw;height:100vh;background:url(../images/background.jpg);background-position:center center;background-size:cover;background-repeat:no-repeat;font-family:Roboto,sans-serif;font-weight:500;color:#002d41;font-size:12px;letter-spacing:.75px;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center}#canvasContainer{display:none}#wrapper{width:100%;min-width:320px;height:100%;background:#fff;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:space-between}@media all and (min-width:769px){#wrapper{max-width:768px;box-shadow:0 0 24px 0 rgba(0,0,0,.35)}}#header{width:100%;height:25%;min-height:120px;background:#fff;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center}#header img{object-fit:contain;object-position:50% 50%}#footer{width:100%;height:15%;min-height:96px;background:#fff;display:flex;flex-direction:column;justify-content:flex-start;color:#999}#footer-logo{height:70%;width:100%}#footer-links{display:flex;height:30%;width:100%;justify-content:center;align-items:center}#footer img{object-fit:contain;object-position:50% 50%;margin-top:6px}#footer a,#footer a:hover,#footer a:visited{text-decoration:none;color:#999}#content{width:100%;height:75%;background:#fff;position:relative;overflow-x:hidden;overflow-y:auto}#content #intro{width:100%;height:100%;position:absolute;z-index:1;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:top}#content #intro h1{align-self:center;margin:12px 48px 12px 48px;font-weight:700;max-width:640px;font-size:3rem;text-align:center;color:#000}#content #intro p{align-self:center;max-width:520px;font-size:1.5rem;text-align:center;margin:48px 24px 48px 24px;font-weight:500}#content #intro #uploadContainer{align-self:center;margin:24px 24px 24px 24px}#content #intro #uploadContainer #imageLoader{width:.1px;height:.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1}#content #intro #uploadContainer #imageLoader+label{font-size:1.5em;font-weight:700;color:#000;background-color:#feed01;padding:1.5rem 2rem;border-radius:.2rem;text-transform:uppercase;letter-spacing:2px;animation:scale 250ms ease-in-out}#content #intro #uploadContainer #imageLoader+label:hover,#content #intro #uploadContainer #imageLoader:focus+label{background-color:#000;color:#feed01}#content #intro #uploadContainer #imageLoader+label:visited,#content #intro #uploadContainer #imageLoader:visited+label{background-color:#feed01}#content #intro #uploadContainer #imageLoader+label{cursor:pointer}@media all and (max-height:680px){#content #intro h1{font-size:2.5rem}#content #intro p{font-size:1.25rem}#content #intro #uploadContainer #imageLoader+label{font-size:1.25em;padding:1rem 1.5rem;border-radius:.2rem}}@media all and (max-width:550px) and (min-width:360px){#content #intro h1{margin:24px 24px 24px 24px}#content #intro p{margin:24px 24px 24px 24px}}@media all and (max-height:570px){#header{min-height:72px}#footer{min-height:72px}#content #intro h1{font-size:1.75rem;margin:24px 24px 12px 24px}#content #intro p{font-size:1.1rem;margin:24px 24px 24px 24px}#content #downloadLink a div{font-size:1.25em;padding:.75rem 1rem}}@media all and (max-height:480px){#header{min-height:72px}#footer{min-height:72px}#content #intro h1{font-size:1.75rem;margin:12px 24px 12px 24px}#content #intro p{font-size:1.1rem;margin:12px 24px 12px 24px}}#content #loadingIndicator{width:100%;height:100%;position:absolute;top:0;left:0;z-index:2;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;background:#fff;color:#000}#content #loadingIndicator p{align-self:center}#content #result{width:100%;height:100%;overflow:hidden;position:absolute;top:0;left:0;z-index:3;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;align-items:center;background:#fff}#content #result img{position:absolute;z-index:1;object-fit:contain;object-position:50% 50%;transform:rotate(-5deg);align-self:center;border:10px solid #fff;-webkit-box-shadow:3px 3px 3px 3px rgba(0,0,0,.2);-moz-box-shadow:3px 3px 3px 3px rgba(0,0,0,.2);box-shadow:3px 3px 3px 3px rgba(0,0,0,.2)}#content #result #downloadAdvice{position:absolute;z-index:2;width:calc(100% - 24px);padding:12px;align-self:baseline;background:#ffe628;color:#002d41;font-size:1.25rem;text-align:center;vertical-align:middle}#content #restart{z-index:5;width:24px;height:24px;margin:24px;position:absolute;right:0;top:0;background:url(../images/close.svg);background-repeat:no-repeat;background-size:contain;cursor:pointer}#content #downloadLink{position:absolute;z-index:6;left:0;bottom:0;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}#content #downloadLink a{margin-bottom:24px;text-decoration:none}#content #downloadLink a div{font-size:1.5em;font-weight:700;color:#000;background-color:#feed01;padding:1.5rem 2rem;border-radius:.2rem;text-transform:uppercase;letter-spacing:2px}#content #result img{animation:photoAppear 1.5s ease-in-out}#content #downloadLink,#content #restart{animation:fadeIn .5s ease-in-out;animation-delay:2s;animation-fill-mode:both}@keyframes photoAppear{0%{opacity:0;transform:scale(5);transform:rotate(-90deg)}100%{opacity:1;transform:scale(1);transform:rotate(-5deg)}}@keyframes fadeIn{0%{opacity:0;transform:scale(2)}100%{opacity:1;transform:scale(1)}}.hidden{display:none!important}.clear{clear:both}