@font-face{font-family:Rubik;src:url(font/Rubik-VariableFont_wght.ttf)}main{opacity:1;transition:.2s ease-in-out opacity}footer{display:flex}.cam{opacity:1;transition:.5s ease-in-out opacity}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}html{background-color:#000}body{background-color:#333437;background:linear-gradient(167deg,rgba(51,52,55,1) 0%,rgba(0,0,0,1) 100%);color:#eee;font-family:'Rubik',sans-serif}main{width:100vw;height:100vh;overflow:hidden;display:flex;justify-content:center;align-items:center;position:relative}div.cam{height:500px;width:400px;border:2px solid #333437;border-radius:22px;margin-bottom:400px;overflow:hidden;background-color:#222327;box-shadow:-1px -1px 0 rgba(255,255,255,.2),1px 2px 0 rgba(0,0,0,.5)}div.cam .foreground{display:flex;flex-direction:column;align-items:center;position:absolute;width:400px;z-index:1000;border-radius:22px}div.cam .foreground .cover{background-color:#222327;height:425px;width:100%;border-radius:22px;justify-content:center;justify-items:center;display:flex;align-content:center;align-items:center;flex-direction:column}div.cam .foreground .half-slit{height:10px;border:2px solid #000;border-bottom:none;width:320px;border-top-left-radius:10px;border-top-right-radius:10px;background:linear-gradient(180deg,rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%)}div.cam .foreground .screen{margin:50px;font-family:'Rubik',sans-serif;font-weight:600;font-size:32px;margin-top:0;color:#aaa;text-align:center;user-select:none;-webkit-user-select:none}div.cam .slit{width:320px;border-radius:10px;height:20px;background-color:#000;margin-top:425px;margin-left:38px;border:2px solid #000}div.cam .replies{width:300px;height:100px;background:transparent;position:absolute;margin:50px;margin-top:410px;margin-bottom:0;transform:perspective(500px) rotateX(7deg)}.btn-grad{background-image:linear-gradient(to right,#e52d27 0%,#b31217 51%,#e52d27 100%)}.btn-grad{margin:10px;padding:15px 45px;text-align:center;text-transform:uppercase;transition:.5s;background-size:200% auto;color:#fff;box-shadow:0 0 20px #eee;border-radius:10px;display:block}.btn-grad:hover{background-position:right center;color:#fff;text-decoration:none}button.main-button{height:200px;width:200px;border-radius:50%;margin:8px;margin-top:3px;margin-bottom:13px;overflow:auto;cursor:pointer;top:-5px;position:relative;background:#de350b;background:-o-linear-gradient(bottom,#ff5630 0%,#eb4f28 57%);background:-moz-linear-gradient(bottom,#ff5630 0%,#eb4f28 57%);background:-webkit-linear-gradient(bottom,#ff5630 0%,#eb4f28 57%);box-shadow:inset 1px 1px 2px #ff5630,inset 0 -4px 2px #731700,0 10px 4px #571100,10px 20px 10px #111;transition:all .1s;border:0 none}button.main-button:active{top:5px;box-shadow:inset 2px 2px 2px #bf2600;outline:none}button.main-button:focus{outline:none}.button-container{background-color:#111;border-radius:50%;transition:background-color .8s ease-out}.ticket{width:100%;height:400px;margin-bottom:1px;padding:8px;box-sizing:border-box;animation:print 1.5s cubic-bezier(.26,.61,.24,.99);position:absolute;border-radius:4px;box-shadow:0 2px 0 0 #aaa;cursor:pointer;transform:rotate(0) translateY(0);background-color:#eee}.ticket:hover{transform:rotate(-.5deg) translateY(10px);transition:transform .4s}.ticket.positive .text{color:#004000}.ticket.positive .pic{background-color:#ccd9cc;background-image:url(ir.jpg)}.ticket.negative .text{color:#400000}.ticket.negative .pic{background-color:#d9cccc;background-image:url(nau.jpg)}.ticket.none .pic{background-image:url(tryagain.jpg)}.ticket .pic{width:100%;background-color:#ccc;height:295px;background-size:auto 100%;background-repeat:no-repeat;background-position-x:center}.ticket .number{margin-top:8px;margin-bottom:8px;text-align:right;color:#ccc;font-family:Courier New,Courier,monospace;font-size:12px}.ticket .text{font-size:32px;font-weight:600;text-align:center;color:#333;margin-top:14px}.working{background-color:#aaa;transition:background-color .2s ease-in}footer{background-color:#000;padding:44px 22px;display:flex;justify-content:center;justify-items:center;align-items:center;align-content:center;flex-direction:column;font-family:'Rubik',sans-serif;color:#aaa}footer a{color:#aaa;font-weight:500;text-decoration:none;transition:color .2s ease-in-out}footer p{margin:4px;text-align:center;font-weight:300}footer img{height:18px;opacity:.6;margin:8px;transition:opacity .2s ease-in-out}footer a:hover img{opacity:1}footer a:hover{color:#fff}footer p .logo{font-weight:600}#canvas{display:block;position:absolute;pointer-events:none}.secondary{font-weight:300;font-size:18px;line-height:1em;font-style:italic}@keyframes shine{0%{background-color:#111}10%{background-color:#aaa}60%{background-color:#aaa}100%{background-color:#111}}@keyframes print{0%{transform:translateY(-400px)}100%{transform:translateY(0)}}@media screen and (max-height:1000px){main{align-items:flex-start;background-color:#222327}div.cam{box-shadow:none;border:none}#canvas{position:absolute;z-index:9000}}@media screen and (max-height:850px){button.main-button{height:150px;width:150px}div.cam .foreground .cover{height:300px}div.cam .slit{margin-top:300px}div.cam .replies{margin-top:280px}div.cam .foreground .screen{margin:35px}}@media screen and (max-width:400px){div.cam{width:100%;justify-content:center;justify-items:center;display:flex}div.cam .foreground{width:100%}div.cam .foreground .half-slit{width:90%;margin-left:22px;margin-right:22px}div.cam .slit{width:90%;margin:0 auto;margin-top:300px}div.cam .replies{width:85%;margin:0;margin-top:45vh}.ticket .pic{height:60vw}.ticket .text{margin-top:0;margin-bottom:16px}.ticket{height:auto}}@media screen and (max-width:376px){div.cam .replies{margin-top:36vh}}