*{font-family:Quicksand,sans-serif;padding:0;border:0;margin:0;box-sizing:border-box}html{height:100%}body{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:100%;background:#fff}.demo{--scale:0.5;width:calc(100vw * var(--scale));margin:auto}@media (max-width:768px){.demo{--scale:0.8}}.demo>div{height:0;width:100%;position:relative;overflow:hidden;padding-top:calc(.75 * 100%);background:url(../img/demo/tablet_compact.png);background-size:contain}#display{position:absolute;top:16.66%;left:10%;width:80%;height:66.67%;overflow:hidden}@keyframes getblur{0%{filter:blur( 0 )}100%{filter:blur( calc( 1vw * var(--scale) ) )}}@keyframes removeblur{0%{filter:blur( calc( 1vw * var(--scale) ) )}100%{filter:blur( 0 )}}@keyframes fadeout{0%{opacity:1}100%{opacity:0;display:none}}@keyframes fadein{0%{opacity:0;display:none}100%{opacity:1}}#display{z-index:1}#video{position:absolute;top:0;width:100%;height:100%;z-index:-1;object-fit:cover}.white{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#fff}h4{color:#ff580d;font-weight:400;font-size:calc(4vw * var(--scale))}#button_screen img{position:absolute;height:66.67%;width:auto;animation:screenfade 4s linear infinite}#button_screen img:hover{cursor:pointer}#button_screen h4{font-size:calc(7vw * var(--scale));position:absolute;animation:screenfade 4s -2s linear infinite}@keyframes screenfade{0%{opacity:0}10%{opacity:1}40%{opacity:1}50%{opacity:0}100%{opacity:0}}#age_acceptance_screen{flex-direction:column}#age_acceptance_screen div{padding-top:calc(5vw * var(--scale))}#age_acceptance_screen div button{width:calc(12vw * var(--scale));height:calc(12vw * var(--scale));margin:0 calc(1vw * var(--scale));background:#fff;color:#ff580d;font-size:calc(3vw * var(--scale));border:calc(.6vw * var(--scale)) solid #ff580d;border-radius:500px}#age_acceptance_screen div button:hover{cursor:pointer}#get_ready_screen h4{font-size:calc(6vw * var(--scale))}#countdown_screen{width:100%;height:100%;display:flex;align-items:center;justify-content:center}#countdown_screen div{position:absolute;width:calc(12vw * var(--scale));height:calc(12vw * var(--scale));padding:0;background:#ff580d;border-radius:500px;opacity:0;display:flex;align-items:center;justify-content:center}#countdown_screen div p{font-size:calc(5vw * var(--scale));color:#fff}@keyframes splashfade{0%{opacity:1;transform:scale3d(1,1,1)}100%{opacity:0;transform:scale3d(3,3,1)}}#smile_screen h4{font-size:calc(6vw * var(--scale))}#acceptance_screen{height:100%;padding-top:calc(4vw * var(--scale));display:flex;align-items:center;justify-content:center;flex-direction:column}#acceptance_screen>div{width:50%;height:75%;background-color:#fffd;border-radius:calc(1vw * var(--scale));display:flex;flex-direction:column}#acceptance_screen>div h2{flex-grow:0;font-size:calc(2vw * var(--scale));font-weight:300;text-align:center;padding:calc(1vw * var(--scale));border-bottom:calc(.1vw * var(--scale)) solid #ddd}#acceptance_screen>div h4:nth-of-type(1){flex-grow:0;font-size:calc(1.6vw * var(--scale));font-weight:300;padding:calc(1vw * var(--scale))}#acceptance_screen>div>div:nth-of-type(1){flex-grow:1;overflow:auto}#acceptance_screen>div>div:nth-of-type(1) p{width:100%;padding:calc(1vw * var(--scale));font-size:calc(1vw * var(--scale));filter:blur(2px)}#acceptance_screen>div h4:nth-of-type(2){flex-grow:0;font-size:calc(1.4vw * var(--scale));color:#000;text-align:center;padding:calc(1vw * var(--scale))}#acceptance_screen>div>div:nth-of-type(2){display:flex;height:calc(12vw * var(--scale))}#acceptance_screen>div>div:nth-of-type(2)>button:nth-child(1){width:50%;height:100%;font-size:calc(2vw * var(--scale));color:#fff;background-color:#666;border-bottom-left-radius:calc(1vw * var(--scale))}#acceptance_screen>div>div:nth-of-type(2)>button:nth-child(2){width:50%;height:100%;font-size:calc(2vw * var(--scale));background-color:#ff580d;color:#fff;border-bottom-right-radius:calc(1vw * var(--scale))}#acceptance_screen>div>div:nth-of-type(2)>button:hover{cursor:pointer}#acceptance_screen h6{font-size:calc(2vw * var(--scale));padding-top:calc(2vw * var(--scale));color:#fff;text-shadow:0 0 calc(.4vw * var(--scale)) #0009;font-weight:300}#acceptance_screen h6:hover{cursor:pointer}#send_success_screen h4{font-size:calc(4vw * var(--scale));text-align:center}#camera_popup{display:none;position:absolute;z-index:1000;width:100%;height:100%;top:0;left:0;align-items:center;justify-content:center;background-color:#0009}#camera_popup div{background-color:#fff;border-radius:calc(4px + .4vw);width:calc(200px + 20vw);box-shadow:0 0 10px #0009}#camera_popup h6{font-weight:400;font-size:calc(16px + .4vw);padding:calc(16px + .8vw)}#camera_popup button{font-size:calc(20px + 1.2vw);border:.1em solid #ff580d;border-radius:0 0 calc(4px + .4vw) calc(4px + .4vw);width:100%;padding:.3em;padding-left:1em;padding-right:1em;font-weight:700;background-color:#ff580d;color:#fff;text-shadow:1px 1px #0003;transition:transform .5s,border-radius .5s;z-index:1000}#camera_popup button:hover{cursor:pointer;opacity:.8}#info_popup{display:none;position:absolute;z-index:1000;width:100%;height:100%;top:0;left:0;align-items:center;justify-content:center;background-color:#0009}#info_popup>div{background-color:#fff;border-radius:calc(4px + .4vw);width:calc(200px + 20vw);box-shadow:0 0 10px #0009}#info_popup h6{font-weight:400;font-size:calc(16px + .4vw);padding:calc(16px + .8vw);text-align:center}#info_popup div div{display:flex;flex-direction:row;padding:calc(16px + .4vw);padding-top:0}#info_popup div div button:first-child{margin-right:calc(16px + .4vw);border:.1em solid #999;background-color:#999;color:#fff;text-shadow:1px 1px #0005}#info_popup div div button{font-size:calc(16px + .8vw);border:.1em solid #ff580d;border-radius:500px;width:100%;padding:.3em;padding-left:1em;padding-right:1em;font-weight:700;background-color:#ff580d;color:#fff;text-shadow:1px 1px #0003;transition:transform .5s,border-radius .5s;z-index:1000}#info_popup button:hover{cursor:pointer;opacity:.8}#info_popup div a{display:block;width:100%;text-align:center;padding-bottom:calc(16px + .4vw);font-size:calc(12px + .6vw);color:#ff580d}#info_popup div a:hover{cursor:pointer;opacity:.8}#number_popup{display:none;position:absolute;z-index:1000;width:100%;height:100%;top:0;left:0;align-items:center;justify-content:center;background-color:#0009}#number_popup>div{background-color:#fff;border-radius:calc(4px + .4vw);width:calc(200px + 20vw);box-shadow:0 0 10px #0009}#number_popup h6{text-align:center;font-weight:400;font-size:calc(16px + .4vw);padding:calc(16px + .4vw)}#number_popup div a{display:block;width:100%;text-align:center;padding-bottom:calc(16px + .4vw);font-size:calc(12px + .6vw);color:#ff580d}#number_popup div a:hover{cursor:pointer;opacity:.8}