body{background:#000;font-size:20px;-webkit-text-size-adjust:100%}.credits{padding:0 10px;margin-top:50px;text-align:center}.credits .title{font-weight:700;color:#e43b5e}.dialog{font-family:Helvetica,Arial,sans-serif;line-height:1.2em;background-color:rgba(10,10,10,.8);border-radius:13px;padding:1.7em 2em}#asaturday-ui{z-index:100;position:absolute;left:20px;bottom:20px;line-height:1.2em}#asaturday-ui .help{width:600px;color:#ffd;font-size:16px;text-shadow:0 2px 1px #000}#asaturday-ui .help h1,#gif-ui h1{font-size:22px;font-style:italic;font-weight:100;color:#e43b5e;margin-top:0}#asaturday-ui .button,#gif-ui .button{background-color:#e43b5e;text-decoration:none;color:#fff;cursor:pointer;text-align:center;padding:8px 15px;border-radius:10px;margin-right:15px}#asaturday-ui .button img{vertical-align:middle}#asaturday-ui .copy{border-bottom-left-radius:0;border-top-left-radius:0}#asaturday-ui .button:hover,#gif-ui .button:hover,#gif-ui .close:hover{background-color:#ff5b7e}#asaturday-ui .form{display:flex;align-content:center;margin-bottom:1rem}#asaturday-ui .share input{width:300px;color:#555;text-align:center}.hide{display:none!important}#asaturday-ui .progress{font-size:22px;font-style:italic;font-weight:100;color:#e43b5e;border-bottom:1px solid #e43b5e;text-shadow:0 2px 1px #000}#asaturday-ui .bar{width:0%;height:3px;margin-top:13px;background-color:#e43b5e}.instructions{z-index:100;position:absolute;color:#ffd;font-family:Helvetica,Arial,sans-serif;line-height:1.8em;text-align:center;width:100%;opacity:0;animation:fadein .5s;animation-fill-mode:forwards}.instructions-overlay{width:100%;height:100%;background-color:#000;background:url(../assets/bg.jpg);background-size:cover}@keyframes fadein{from{opacity:0}to{opacity:1}}.instructions img{padding-top:20px;max-width:100%;max-height:20%}.instructions h2{font-size:1.2em;color:#e43b5e;font-style:italic}.instructions p{margin:2em auto;padding:0 1em;max-width:800px}.instructions b{color:#8ff;font-weight:400}.instructions a{color:#fff78c;font-style:italic;text-decoration:none;border-bottom:1px dotted #fff78c}.instructions a:hover{color:#fff;border-bottom-color:#fff}.instructions .start-button{background-color:#e43b5e;color:#fff;cursor:pointer;font-size:22px;width:200px;height:50px;margin-left:calc(50% - 100px);margin-top:50px;border-radius:17px;border:none;display:block}.instructions .start-button:hover{background-color:#fff;color:#e43b5e}.instructions .start-button span.loading:after{overflow:hidden;display:inline-block;vertical-align:bottom;-webkit-animation:ellipsis steps(4,end) 900ms infinite;animation:ellipsis steps(4,end) 900ms infinite;content:"\2026";width:0}@keyframes ellipsis{to{width:1.25em}}@-webkit-keyframes ellipsis{to{width:1.25em}}.watermark{position:absolute;z-index:999;width:300px;margin:20px 30px}#gif-ui{position:absolute;left:0;top:0;width:100%;height:100%;z-index:200;background:rgba(0,0,0,.3)}#gif-ui.black{background:#000}#gif-ui .dialog{position:absolute;width:400px;top:30%;top:calc(40vh - 200px);left:calc(50% - 200px);background:rgba(0,0,0,.8);text-align:center}#gif-ui .button{margin:0}#gif-ui .dialog>img{display:block;background:#000;margin:3rem auto}#gif-ui b{color:#fff;font-weight:400}#gif-ui .close{background-color:#e43b5e;text-decoration:none;color:#fff;cursor:pointer;padding:6px;border-radius:20px;font-size:40px;position:absolute;left:450px;top:-10px}@media only screen and (min-device-width:400px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:2){.instructions .start-button{margin-top:10px}.credits{margin-top:10px}.instructions{line-height:1.4em}.instructions p{margin:1em auto}.instructions img{padding-top:10px;max-width:60%;max-height:20%}}@media only screen and (max-width:768px){body{font-size:14px}.instructions p{max-width:700px}}