*,:after,:before{box-sizing:border-box;-moz-box-sizing:border-box;image-rendering:-webkit-optimize-contrast}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;-webkit-text-size-adjust:100%}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:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}input:not([type=radio]):not([type=checkbox]),select,textarea{-webkit-appearance:none}mark{background-color:transparent;font-weight:700;color:inherit}::selection{background:#00f;color:#f5f5f5}@media screen and (min-width:501px){.sun{width:70px}.about,.why{overflow-y:scroll;position:fixed;top:0;left:0;z-index:2;width:100%;height:100vh}.about .c,.about .coco,.why .c,.why .coco{margin:50px auto}.about .c h2,.about .coco h2,.why .c h2,.why .coco h2{font-size:2rem;font-weight:700;text-transform:uppercase;margin:50px 0 20px}.about .coco p,.about .c p,.why .coco p,.why .c p{font-size:1.2rem;line-height:1.9rem;margin-bottom:20px}.about .coco p a,.about .c p a,.why .coco p a,.why .c p a{border-bottom:2px solid #f5f5f5}.about .c .strong,.about .coco .strong,.why .c .strong,.why .coco .strong{font-size:1.5rem}.about .c .header h1,.about .coco .header h1,.why .c .header h1,.why .coco .header h1{font-size:3rem}.about .c .header .keyboard .benis,.about .coco .header .keyboard .benis,.why .c .header .keyboard .benis,.why .coco .header .keyboard .benis{position:relative}.about .c .header .keyboard .benis #arro,.about .c .header .keyboard .benis #bb,.about .coco .header .keyboard .benis #arro,.about .coco .header .keyboard .benis #bb,.why .c .header .keyboard .benis #arro,.why .c .header .keyboard .benis #bb,.why .coco .header .keyboard .benis #arro,.why .coco .header .keyboard .benis #bb{position:absolute;left:19px;top:11px;width:29px;pointer-events:none}.about .c .header .keyboard .benis .back,.about .coco .header .keyboard .benis .back,.why .c .header .keyboard .benis .back,.why .coco .header .keyboard .benis .back{padding-top:7px;margin-right:30px;width:70px}header .botline p{font-size:13px}.info{height:125px}.info h2{font-size:24px;line-height:35px;margin-bottom:5px}.info p{font-size:13px;line-height:23px}.fairculator{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 0 #5a5881;border-bottom:2px solid #5a5881;width:411px;border-radius:7px;padding:0 17px}.keyboard #toprow{height:29px;margin-bottom:18px}.keyboard .row{margin-bottom:17px}.keyboard .row .topline{height:33px!important}.keyboard .row #aboutBut{width:65.5%}.keyboard .row .smol{width:18%}.keyboard .row #dot{width:9.8%}.keyboard .row .largebut{height:47px;width:31.3%}}@media screen and (max-width:500px){body{touch-action:manipulation}.sun{width:62px;z-index:0}.about,.why{padding:10px 0}.about .c,.about .coco,.why .c,.why .coco{margin:20px auto 150px}.about .c h2,.about .coco h2,.why .c h2,.why .coco h2{font-size:1.8rem;font-weight:700;text-transform:uppercase;margin:40px 0 10px}.about .coco p,.about .c p,.why .coco p,.why .c p{font-size:1rem;line-height:1.6rem;margin-bottom:20px}.about .coco p a,.about .c p a,.why .coco p a,.why .c p a{border-bottom:1px solid #f5f5f5}.about .c .strong,.about .coco .strong,.why .c .strong,.why .coco .strong{font-size:1.2rem}.about .c .header h1,.about .coco .header h1,.why .c .header h1,.why .coco .header h1{font-size:2.5rem}.about .c .header .keyboard .benis,.about .coco .header .keyboard .benis,.why .c .header .keyboard .benis,.why .coco .header .keyboard .benis{position:relative}.about .c .header .keyboard .benis #arro,.about .c .header .keyboard .benis #bb,.about .coco .header .keyboard .benis #arro,.about .coco .header .keyboard .benis #bb,.why .c .header .keyboard .benis #arro,.why .c .header .keyboard .benis #bb,.why .coco .header .keyboard .benis #arro,.why .coco .header .keyboard .benis #bb{position:absolute;left:12px;top:13px;width:24px;pointer-events:none}.about .c .header .keyboard .back,.about .coco .header .keyboard .back,.why .c .header .keyboard .back,.why .coco .header .keyboard .back{margin-right:15px;width:50px!important;font-size:33px}header .botline p{font-size:15px}.info{height:calc(120px + 3vh)}.info h2{font-size:25px;line-height:35px;margin-bottom:8px}.info p{font-size:15px;line-height:24px}.fairculator{touch-action:manipulation;overflow:auto;width:100%;height:100vh;padding:0 10px}.fairculator .all{width:100%;margin:0 auto}.keyboard #toprow{height:30px;margin-bottom:18px}.keyboard .row{margin-bottom:4%}.keyboard .row .topline{height:34px!important}.keyboard .row #aboutBut{width:66%}.keyboard .row .smol{width:18.5%;padding:0}.keyboard .row #cancel{height:6vh}.keyboard .row #dot{height:6vh;width:10.5%;padding:0}.keyboard .row .largebut{height:6vh;width:31.5%}}body{background:#f5f5f5}a{text-decoration:none}input[type=button]{outline:none}.fairculator{background:#262536;color:#f5f5f5;font-family:Roboto Mono,monospace;z-index:1;display:block}header{margin:20px 0 14px;border-bottom:2px solid #fff;padding-bottom:19px}header .topline{display:flex;justify-content:space-between;align-items:start;margin-bottom:-1px}header .botline{margin-top:10px}header h1{font-size:42px;font-weight:700;text-transform:uppercase;text-align:center}header .sun{margin-top:5px;height:33px;background:#5c0202;position:relative}header .sun .shadow{position:absolute;width:100%;height:100%;box-shadow:inset 0 3px 1px #120000;z-index:2}header .sun .cells{display:flex;height:100%}header .sun .cells .cell{height:100%;z-index:1;position:relative;width:33%;border-right:1px solid #801414}header p{font-size:18px}header p a{color:#000;border-bottom:2px solid #000}.bye{opacity:0}.info{text-align:center;transition:opacity .1s;display:flex;flex-direction:column;justify-content:center}.info h2{font-weight:500;text-transform:uppercase}.info p{width:80%;margin:0 auto}.screen{width:100%;background:#dff7ee;color:#262536;height:58px;text-align:right;margin:10px 0 13px;padding:4px 10px 10px;display:flex;justify-content:flex-end;align-items:baseline}.screen #currency,.screen #out{transition:opacity 2s}.screen #out{font-size:47px;letter-spacing:-1px}.screen #out .comma{opacity:.5;margin:0 -9px;font-size:41px}.screen #currency{font-size:21px;opacity:.8;margin-left:3px;display:block}.keyboard{display:flex;flex-direction:column}.keyboard .row{display:flex;justify-content:space-between}.keyboard .row #aboutBut{background:#f90;box-shadow:0 4px 0 #b36b00;border-bottom:3px solid #b36b00;font-size:16px}.keyboard .row #aboutBut:hover{background:#f29100;box-shadow:0 3px 1px #b36b00;border-bottom:3px solid #b36b00}.keyboard .row #aboutBut:active{transform:translateY(2px);border-bottom-width:0}.keyboard .row #currencyBut{background:#9b9c81;box-shadow:0 4px 0 #6f7058;border-bottom:3px solid #6f7058;font-size:16px}.keyboard .row #currencyBut:hover{background:#959679;box-shadow:0 3px 1px #6f7058;border-bottom:3px solid #6f7058}.keyboard .row #currencyBut:active{transform:translateY(2px);border-bottom-width:0}.keyboard .row #currencyBut:disabled{opacity:.5}.keyboard .row .but{background:#9b9c81;outline:none;color:#fff;font-family:inherit;text-align:center;font-weight:500;border-radius:3px;box-shadow:0 5px 0 #6f7058;border:none;border-bottom:2px solid #6f7058}.keyboard .row .but:hover{background:#959679;box-shadow:0 4px 1px #6f7058;border-bottom:2px solid #6f7058;transition:all .1s ease-in}.keyboard .row .but:active{transform:translateY(4px);border-bottom-width:2px;box-shadow:none}.keyboard .row #dot,.keyboard .row .largebut,.keyboard .row .smol,.keyboard .row .smollino{font-size:calc(10px + 2.5vh)}.keyboard .row .kk{background:#f90;box-shadow:0 5px 0 #b36b00;border-bottom:2px solid #b36b00}.keyboard .row .kk:hover{background:#f29100;box-shadow:0 4px 1px #b36b00;border-bottom:2px solid #b36b00;transition:all .1s ease-in}.keyboard .row .kk:active{transform:translateY(4px);border-bottom-width:2px;box-shadow:none}.first{display:block}.second{display:none;margin-top:30px;text-align:center}.second .receipt{width:330px;max-width:100%;margin:0 auto -12px}.second .receipt .topline{width:100%;height:9px;background:url(topline.4e100055.png)}.second .receipt .sub{border-bottom:2px dashed #000;padding-bottom:6px;text-transform:uppercase}.second .receipt p{font-size:21px}.second .receipt #why{font-size:16px;margin-bottom:50px;opacity:.5}.second .receipt #why a{color:#000;text-decoration:none;border-bottom:2px solid #000}.second .receipt #cost{letter-spacing:-2px;margin:50px 0 20px}.second .receipt #cost .medium{font-size:50px!important}.second .receipt #cost .small{font-size:35px!important}.second .receipt #cost .main{font-size:75px}.second .receipt #cost .main .comma2{opacity:.5;font-size:47px;margin:0 -9px}.second .receipt #cost .main .comma3{opacity:.5;font-size:27px;margin:0 -3px}.second .receipt #cost #cents{font-size:31px;margin-left:-5px}.second .receipt #cost #precurr{font-size:31px;margin-right:5px}.second .receipt #cost .smallcents{font-size:20px}.second .receipt #vat{margin-bottom:30px}.second .receipt #vat span{font-size:16px}.second .receipt #vat #vnum{font-size:30px}.second .receipt #again{height:53px;width:155px;outline:none;color:#fff;font-family:inherit;text-align:center;font-weight:500;font-size:calc(10px + 2.5vh);border-radius:3px;background:#f90;box-shadow:0 5px 0 #b36b00;border:none;border-bottom:2px solid #b36b00;display:block;margin:70px auto 30px;padding-top:10px}.second .receipt #again:hover{background:#f29100;box-shadow:0 4px 1px #b36b00;border-bottom:2px solid #b36b00;transition:all .1s ease-in}.second .receipt #again:active{transform:translateY(4px);border-bottom-width:2px;box-shadow:none}.second .receipt .socials{width:100%;text-align:center;padding-bottom:40px;opacity:.5}.second .receipt .socials .social{margin-top:25px;width:45px;height:45px;border-radius:50%;background:grey}.second .receipt .output{background:#fff;padding-top:40px;color:#262536}.off{display:none!important}.about,.why{display:block;background:#262536}.about .c,.about .coco,.why .c,.why .coco{max-width:600px;width:95%;color:#f5f5f5;font-family:Roboto Mono,monospace}.about .c .header,.about .coco .header,.why .c .header,.why .coco .header{display:flex;border-bottom:3px dashed #f5f5f5;margin-bottom:20px;padding-bottom:20px}.about .c .header h1,.about .coco .header h1,.why .c .header h1,.why .coco .header h1{font-weight:700;text-transform:uppercase}.about .coco p a,.about .c p a,.why .coco p a,.why .c p a{color:#f5f5f5}.about .c .strong,.about .coco .strong,.why .c .strong,.why .coco .strong{font-weight:700;margin-bottom:0;text-transform:uppercase}.about .c .credits,.about .coco .credits,.why .c .credits,.why .coco .credits{margin-top:40px;font-size:1rem;opacity:.8}.about .c .credits li,.about .coco .credits li,.why .c .credits li,.why .coco .credits li{margin-bottom:10px}.about .c .credits li a,.about .coco .credits li a,.why .c .credits li a,.why .coco .credits li a{color:inherit;border-bottom:1px solid #f5f5f5}