html,body{width:100%;height:100%;padding:0;margin:0}body{overflow-x:hidden;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:16px;line-height:28px;color:#222;font-weight:400;white-space:nowrap}.fa{margin-right:10px}h1,h2,h3{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}h1{font-weight:600;font-size:60px;line-height:1.3}h2{font-weight:600;font-size:24px}h3{font-size:20px;font-weight:400}h4,h5,h6{font-weight:600;line-height:1.2}a:link,a:visited{color:#83adec;text-decoration:none}a:hover,a:active{text-decoration:none}@media screen and (max-width: 960px){h1{font-size:34px}}.camera-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:#83adec;background-image:linear-gradient(180deg,#83adec 40%,#a6dcef 40%,#a6dcef 60%,#a6dcef 60%,#a6dcef 75%,#f2aaaa 75%,#f2aaaa 90%,#e36387 90%,#e36387)}.camera{position:relative;display:block;width:570px;height:470px;margin-top:-300px}@media screen and (max-width: 767px){.camera{margin-top:-200px;transform:scale(.6)}}.camera .bottom{display:block;width:100%;height:165px;position:absolute;bottom:0;border-radius:11px 11px 30px 30px;background-image:radial-gradient(#E1DFE2 60%,transparent 60%),radial-gradient(#E1DFE2 60%,transparent 60%),linear-gradient(90deg,#e1dfe2,#eae8eb),linear-gradient(90deg,#eae8eb,#e1dfe2),linear-gradient(90deg,#85817e,#2f2b2b00 5%,#2f2b2b00 95%,#696461),linear-gradient(#4e4a49,#100c0d),linear-gradient(#312f32,#2a2a27,#363233);background-size:50px 60px,50px 60px,185px 30px,185px 30px,100% 100%,100% 20px,100% 100%;background-repeat:no-repeat;background-position:160px -26px,360px -26px,top right,top left,top left,bottom left,bottom left;box-shadow:-1px 3px 2px #f9f7f8a6 inset}.camera .bottom .printer{display:block;width:470px;height:40px;background-color:red;margin-left:auto;margin-right:auto;margin-top:60px;border-radius:3px;background-image:linear-gradient(90deg,#474548 90%,#343233 90%),linear-gradient(90deg,#0e090d 10%,#4a4849 10%),linear-gradient(#4c4a4d 4%,#161214 9%,#161214 20%,#484445 30%,#484445,#1a1617 80%,#1a1617 93%,#b0afad 99%);background-size:8px 100%,8px 100%,100% 100%;background-repeat:no-repeat;background-position:top left,top right}.camera .bottom .labels .rainbow{display:block;width:40px;height:46px;position:absolute;top:100px;left:80px;background-image:linear-gradient(#1d160f 5%,#0e9ee0 5%,#0e9ee0 14%,#1f211a 14%,#1f211a 19%,#0eae4f 19%,#0eae4f 32%,#2b2106 32%,#2b2106 37%,#ffb404 37%,#ffb404 50%,#2a1303 50%,#2a1303 55%,#fe8204 55%,#fe8204 68%,#292313 68%,#292313 80%,#e02d28 80%)}.camera .bottom .labels .logo{font-family:Helvetica,Arial,sans-serif;font-size:24px;font-weight:600;color:#cdccc8;text-align:center;margin-top:8px}.camera .bottom .toggle-container{display:block;width:135px;height:35px;background-color:red;position:absolute;margin-left:auto;margin-right:auto;left:0;right:0;border-radius:0 0 10px 10px;background-image:radial-gradient(#353334,#4C4849 40%,transparent 70%),radial-gradient(#29272A,#464445 40%,transparent 70%),linear-gradient(#8b8786 10%,#5e5a5b 20%,#5e5a5b 65%,#969291);background-size:70px 70px,70px 70px,100% 100%;background-repeat:no-repeat;background-position:top -25px left -40px,top -15px right -35px,top right}.camera .bottom .toggle-container .toggle{position:absolute;display:block;width:100px;height:20px;top:6px;left:0;right:0;margin-left:auto;margin-right:auto;border-radius:10px;background-image:linear-gradient(#747371 2%,#525055 2%,#565152,#535250);border:.5px solid #141011}.camera .bottom .toggle-container .toggle .handle{display:block;position:absolute;width:20px;height:20px;right:0;top:-2px;background-color:red;background-image:radial-gradient(#525051,#4b4746);border-radius:10px;border:.5px solid rgba(133,129,128,.15);box-shadow:-1px 5px 5px #181619}.camera .top{display:block;position:relative;width:540px;height:320px;margin-left:auto;margin-right:auto;border-radius:35px 35px 0 0;background-image:linear-gradient(90deg,#f3f3f3bf,#f3f3f300 15%,#f3f3f300 85%,#f3f3f3bf),linear-gradient(#fefefe,#f9f7f8),linear-gradient(#ddd9da,#e2dedf,#eae8eb,#f3f1f4);background-size:100%,100% 3px,100%;background-repeat:no-repeat;box-shadow:-1px 1px 2px 3px #f9f7f8d9 inset}.camera .top .lens{position:absolute;display:block;width:210px;height:210px;border-radius:105px;background-color:#000;top:15px;left:0;right:0;margin-left:auto;margin-right:auto;background-image:radial-gradient(transparent,#000),radial-gradient(rgba(51,53,54,.4),transparent),radial-gradient(#2a282b,#2a282b 27%,#070508,#070508,#4e4c4f 28.5%,#4e4c4f,#2a282b 28.7%,#2a282b 29.3%,#070508 29.5%,#070508 29.8%,#4e4c4f 30%,#4e4c4f 30.5%,#2a282b 30.5%,#2a282b 32.5%,#070508,#070508,#4e4c4f,#4e4c4f 34.5%,#2a282b 34.5%,#2a282b 36.5%,#070508,#070508,#3d3b40,#3d3b40,#908e91,#908e91,#3d3b40,#3d3b40,#908e91,#908e91,#3d3b40,#3d3b40,#908e91,#908e91,#3d3b40,#3d3b40,#908e91,#908e91,#3d3b40,#3d3b40,#908e91,#908e91,#3d3b40,#3d3b40,#908e91,#908e91,#3d3b40,#3d3b40,#908e91,#908e91,#3d3b40,#3d3b40,#908e91 53%,#908e91 54%,#241e1e 54.5%,#241e1e 57%,#131114 57%,#131114 59%,#3c3a3d 59%,#3c3a3d 60%,#241e1e 60%);background-size:350px 350px,350px 350px,100%;background-position:bottom -100px left,top -120px right 10px,center center;background-repeat:no-repeat;box-shadow:15px 55px 60px 5px #767072}.camera .top .lens .glass{display:block;width:70px;height:70px;border-radius:40px;position:absolute;margin-left:auto;margin-right:auto;left:0;right:0;top:70px;background-image:radial-gradient(rgba(119,109,80,.85),transparent 40%),radial-gradient(#33b46940 13%,#779f3b33 53%,#779f3b33 70%,#779f3b00 68%),radial-gradient(#33b46940 23%,#33b46933 53%,#33b46933 70%,#33b46900 68%),radial-gradient(#2c1f28,#241921 55%,#080609 70%);background-size:100%,190% 100%,190% 100%,100%;background-repeat:no-repeat;background-position:center -10px,-30px -48px,-30px 55px,center}.camera .top .shutter{display:block;width:57px;height:57px;position:absolute;border-radius:50%;bottom:30px;left:25px;border:1px solid white;transform-style:preserve-3d;perspective:1000px;box-shadow:1px 1px 1px #fff3 inset,0 0 2px 6px #dfdad7,1px 6px 10px #66514d,-1px -7.5px 1px #fff;transition:all .3s ease-out;cursor:pointer}.camera .top .shutter:hover{transform:translateZ(10px) rotateX(5deg);box-shadow:1px 1px 1px #fff3 inset,0 0 2px 6px #dfdad7,2px 8px 12px #66514d,-1px -7.5px 1px #fff}.camera .top .shutter:active{transform:translateZ(-5px) rotateX(-5deg);box-shadow:1px 1px 1px #fff3 inset,0 0 2px 6px #dfdad7,1px 2px 5px #66514d,-1px -2px 1px #fff}.camera .top .shutter .shutter-image{width:100%;height:100%;border-radius:50%;background-size:100%;background-repeat:no-repeat;background-position:center;transform:translateZ(1px)}.camera .top .flash{position:absolute;width:90px;height:160px;border-radius:15px;left:25px;top:25px;box-shadow:-1px -1px 1px #bdb8b5,-1.5px -2.1px .5px #24201d,-4px 4px 3px 3px #f4f0ef,-5px 8px 8px #aba6aa,.25px 1px 1px 5px #3e3a38 inset,0 -6px 1px 1px #f6f6f8 inset;background-image:linear-gradient(#edecea,#f6f6f8),linear-gradient(90deg,#f7f6f400 3%,#f7f6f480 3%,#f7f6f480 6%,#f7f6f400 6%,#f7f6f400 11%,#f7f6f480 12%,#f7f6f480 15%,#f7f6f400 15%,#f7f6f400 21%,#f7f6f480 21%,#f7f6f480 23%,#f7f6f400 23%,#f7f6f400 24%,#f7f6f480 24%,#f7f6f480 25%,#f7f6f400 25%,#f7f6f400 27%,#f7f6f480 27%,#f7f6f480 28%,#f7f6f400 28%,#f7f6f400 31%,#f7f6f480 31%,#f7f6f480 33%,#f7f6f400 33%,#f7f6f400 35%,#f7f6f480 35%,#f7f6f480 37%,#f7f6f400 37%,#f7f6f400 39%,#f7f6f480 39%,#f7f6f480 41%,#f7f6f400 41%,#f7f6f400 43%,#f7f6f480 43%,#f7f6f480 45%,#f7f6f400 45%,#f7f6f400 48%,#f7f6f480 48%,#f7f6f480 50%,#f7f6f400 50%,#f7f6f400 55%,#f7f6f480 55%,#f7f6f480 57%,#f7f6f400 57%,#f7f6f400 59%,#f7f6f480 59%,#f7f6f480 60%,#f7f6f400 60%,#f7f6f400 61%,#f7f6f480 61%,#f7f6f480 62%,#f7f6f400 62%,#f7f6f400 64%,#f7f6f480 64%,#f7f6f480 66%,#f7f6f400 66%,#f7f6f400 69%,#f7f6f480 69%,#f7f6f480 71%,#f7f6f400 71%,#f7f6f400 75%,#f7f6f480 75%,#f7f6f480 77%,#f7f6f400 77%,#f7f6f400 79%,#f7f6f480 79%,#f7f6f480 80%,#f7f6f400 80%,#f7f6f400 81%,#f7f6f480 81%,#f7f6f480 82%,#f7f6f400 82%,#f7f6f400 84%,#f7f6f480 84%,#f7f6f480 86%,#f7f6f400 86%,#f7f6f400 89%,#f7f6f480 89%,#f7f6f480 91%,#f7f6f400 81%,#f7f6f400 95%),linear-gradient(90deg,#bab8b91a,#f7f6f4a6,#bab8b91a),linear-gradient(90deg,#bab8b91a,#f7f6f4a6,#bab8b91a),linear-gradient(#E3DEDA 15%,#AFAAA6 25% 35%,transparent 45%),linear-gradient(#f0efed 10%,#b0aba7 20%,#403c3b 40%,#2f2b2a 43%,#292524 45%,#292524,#696562,#696562 75%,#c2bfba 82%,#c2bfba,#dedad7 90%,#dedad7 93%,#c9c6c1 94%,#c9c6c1,#fffefa 98%),linear-gradient(#34332f,#3e3a38);background-size:42px 20px,42px 100%,3px 100%,3px 100%,100% 3px,100%,100%;background-repeat:no-repeat,no-repeat,no-repeat,no-repeat,repeat,repeat,no-repeat;background-position:24px top,25px top,22px top,64px top,center,center,center}.camera .top .viewfinder{position:absolute;background-color:#1b1a18;width:110px;height:110px;border-radius:20px;right:20px;top:20px;box-shadow:.5px .5px 1px 1.5px #f1edee,1.5px 1px 1px 1px #3b3535 inset,2px 2px 1px 1px #9f9e9c inset,-.5px -2px 1.5px #9b9a98 inset,1px 1.5px .5px 1px #fbf7f8}.camera .top .viewfinder .glass{position:absolute;background-color:#fff;width:75px;height:75px;left:18px;top:18px;border-radius:20px;background-image:radial-gradient(rgba(236,234,237,.3) 50%,transparent 60%),radial-gradient(rgba(193,189,186,.3) 50%,transparent 60%),radial-gradient(#5b5758 45%,#302c2d,#131112);background-size:106% 32%,106% 25%,100%;background-repeat:no-repeat;background-position:-3px -7px,bottom -8px left -3px,center;box-shadow:0 0 1px #010000 inset,0 0 1px 1px #393836 inset,0 0 2px 2px #010000 inset,0 0 2px 4px #393836 inset,0 0 1.5px 4.5px #010000 inset,-.5px -1px 1px #5f5e5c,.25px 2px 2px #464543}.camera .top .viewfinder .glass.active{animation:cameraFlash .3s .3s alternate-reverse 1}.camera .top .viewfinder .glass .back{position:absolute;background-image:linear-gradient(#eceaed,#e2e0e1);width:40px;height:40px;left:18px;top:19px;border-radius:10px;box-shadow:.5px 2px 2px #5e5b56,0 1px 3px #cac4c5,-4px 0 5px #090705bf,1px 1px 1px 1px #f1ecf0 inset,1.5px 1.5px 1px 1px #d1d0ce inset;border:.5px solid rgba(9,7,5,.75)}.camera .top .timer{position:absolute;width:23px;height:23px;border-radius:20px;left:135px;top:35px;background-image:radial-gradient(#e8e4e5,#dedad9);box-shadow:0 .5px 1px .5px #605c5b,1px 1px 1px #fffbfc inset}.camera .top .sensor{position:absolute;width:23px;height:23px;border-radius:20px;left:135px;top:70px;background-image:radial-gradient(#080607,transparent 50%),radial-gradient(#0b090a,#211f20,#131112,#383637,#100e0f,#383637,#100e0f);background-size:60%,100%;background-position:-6px -3px,center;background-repeat:no-repeat;box-shadow:0 .5px 1px .75px #fffbfc,0 -1px 1px #635f5e}.camera .top .power{position:absolute;width:28px;height:28px;border-radius:20px;right:150px;top:195px;background-image:radial-gradient(#000 30%,#252525,#171717,#020001,#242223,#383637);box-shadow:0 .5px 1px .75px #c6c1c0,0 -.5px .5px .25px #1a1819,-5px -8px 8px 1px #56525266}.camera .top .toggle-container{position:absolute;width:50px;height:22px;border-radius:20px;right:50px;top:145px;background-image:linear-gradient(#cc7b00 10%,#b26701);box-shadow:.2px .2px .5px .5px #935723 inset,.5px 1px .75px .25px #fce9d8}.camera .top .toggle-container .toggle{position:absolute;width:20px;height:20px;border-radius:20px;right:0;left:0;margin-left:auto;margin-right:auto;top:1px;background-image:radial-gradient(#fbc00a,#ffdb09);box-shadow:.5px 1px .75px .25px #ffed71 inset,0 -.5px .5px .5px #e6a11f inset,-1px .5px 4px 1px #964900}@keyframes cameraFlash{0%{box-shadow:0}to{box-shadow:inset 0 0 0 300px #fff9}}.main{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;overflow:hidden;background-color:#fff}.info-container{display:flex;justify-content:center;align-items:center;position:relative;top:5px;margin:0 auto;width:400px;height:420px;overflow:hidden;z-index:9}.info-container:after{content:"";display:block;position:absolute;top:0;width:100%;height:5px;background-image:linear-gradient(-180deg,#0E090D 1px,#343233 6px,transparent 6px 100%)}.info-photo{width:320px;height:320px;margin:20px;background-position:center;background-size:cover}.info-content{position:absolute;width:360px;height:420px;background-color:#fff;box-shadow:0 3px 6px #00000040;transform:translateY(-100%)}.info-content.animate{animation:shot 2.4s linear 1s forwards}.info-link{position:absolute;left:50%;bottom:-5px;transform:translate(-50%);width:100%;display:flex;justify-content:center;align-items:center}.info-icon{display:block;width:50px;height:50px;margin:20px 10px}.info-icon i{display:block;width:50px;height:50px;text-align:center;line-height:50px;border-radius:50px;color:#000;background-color:#ffffff4d;transition:all .5s ease-in-out;cursor:pointer}.info-icon i:hover{border-radius:8px;color:#fff;background-color:#83adec}@keyframes shot{0%{transform:translateY(-100%)}to{transform:translateY(0)}}