@charset "UTF-8";.camera-container{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#83adec;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(40%,#83adec),color-stop(40%,#a6dcef),color-stop(60%,#a6dcef),color-stop(75%,#f2aaaa),color-stop(90%,#e36387));background-image:linear-gradient(180deg,#83adec 40%,#a6dcef 40% 60%,#a6dcef 60% 75%,#f2aaaa 75% 90%,#e36387 90% 100%)}.camera{position:relative;display:block;width:570px;height:470px;margin-top:-300px}@media screen and (max-width:767px){.camera{margin-top:-200px;-webkit-transform:scale(.6);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%),-webkit-gradient(linear,left top,right top,from(#e1dfe2),to(#eae8eb)),-webkit-gradient(linear,left top,right top,from(#eae8eb),to(#e1dfe2)),-webkit-gradient(linear,left top,right top,from(#85817e),color-stop(5%,rgba(47,43,43,0)),to(#696461)),-webkit-gradient(linear,left top,left bottom,from(#4e4a49),to(#100c0d)),-webkit-gradient(linear,left top,left bottom,from(#312f32),color-stop(#2a2a27),to(#363233));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,rgba(47,43,43,0) 5% 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;-webkit-box-shadow:-1px 3px 2px 0 rgba(249,247,248,.65) inset;box-shadow:-1px 3px 2px 0 rgba(249,247,248,.65) 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:-webkit-gradient(linear,left top,right top,color-stop(90%,#474548),color-stop(90%,#343233)),-webkit-gradient(linear,left top,right top,color-stop(10%,#0e090d),color-stop(10%,#4a4849)),-webkit-gradient(linear,left top,left bottom,color-stop(4%,#4c4a4d),color-stop(9%,#161214),color-stop(30%,#484445),color-stop(80%,#1a1617),color-stop(99%,#b0afad));background-image:linear-gradient(90deg,#474548 90%,#343233 90%),linear-gradient(90deg,#0e090d 10%,#4a4849 10%),linear-gradient(#4c4a4d 4%,#161214 9% 20%,#484445 30% 55%,#1a1617 80% 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:-webkit-gradient(linear,left top,left bottom,color-stop(5%,#1d160f),color-stop(5%,#0e9ee0),color-stop(14%,#1f211a),color-stop(19%,#0eae4f),color-stop(32%,#2b2106),color-stop(37%,#ffb404),color-stop(50%,#2a1303),color-stop(55%,#fe8204),color-stop(68%,#292313),color-stop(80%,#e02d28));background-image:linear-gradient(#1d160f 5%,#0e9ee0 5% 14%,#1f211a 14% 19%,#0eae4f 19% 32%,#2b2106 32% 37%,#ffb404 37% 50%,#2a1303 50% 55%,#fe8204 55% 68%,#292313 68% 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%),-webkit-gradient(linear,left top,left bottom,color-stop(10%,#8b8786),color-stop(20%,#5e5a5b),to(#969291));background-image:radial-gradient(#353334,#4c4849 40%,transparent 70%),radial-gradient(#29272a,#464445 40%,transparent 70%),linear-gradient(#8b8786 10%,#5e5a5b 20% 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:-webkit-gradient(linear,left top,left bottom,color-stop(2%,#747371),color-stop(2%,#525055),color-stop(#565152),to(#535250));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);-webkit-box-shadow:-1px 5px 5px #181619;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:-webkit-gradient(linear,left top,right top,from(rgba(243,243,243,.75)),color-stop(15%,rgba(243,243,243,0)),to(rgba(243,243,243,.75))),-webkit-gradient(linear,left top,left bottom,from(#fefefe),to(#f9f7f8)),-webkit-gradient(linear,left top,left bottom,from(#ddd9da),color-stop(#e2dedf),color-stop(#eae8eb),to(#f3f1f4));background-image:linear-gradient(90deg,rgba(243,243,243,.75),rgba(243,243,243,0) 15% 85%,rgba(243,243,243,.75)),linear-gradient(#fefefe,#f9f7f8),linear-gradient(#ddd9da,#e2dedf,#eae8eb,#f3f1f4);background-size:100%,100% 3px,100%;background-repeat:no-repeat;-webkit-box-shadow:-1px 1px 2px 3px rgba(249,247,248,.85) inset;box-shadow:-1px 1px 2px 3px rgba(249,247,248,.85) 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 0 27%,#070508 27.5% 28%,#4e4c4f 28.5% 28.6%,#2a282b 28.7% 29.3%,#070508 29.5% 29.8%,#4e4c4f 30% 30.5%,#2a282b 30.5% 32.5%,#070508 33% 33.5%,#4e4c4f 34% 34.5%,#2a282b 34.5% 36.5%,#070508 37% 37.5%,#3d3b40 38% 38.5%,#908e91 39% 39.5%,#3d3b40 40% 40.5%,#908e91 41% 41.5%,#3d3b40 42% 42.5%,#908e91 43% 43.5%,#3d3b40 44% 44.5%,#908e91 45% 45.5%,#3d3b40 46% 46.5%,#908e91 47% 47.5%,#3d3b40 48% 48.5%,#908e91 49% 49.5%,#3d3b40 50% 50.5%,#908e91 51% 51.5%,#3d3b40 52% 52.5%,#908e91 53% 54%,#241e1e 54.5% 57%,#131114 57% 59%,#3c3a3d 59% 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;-webkit-box-shadow:15px 55px 60px 5px #767072;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(rgba(51,180,105,.25) 13%,rgba(119,159,59,.2) 53% 70%,rgba(119,159,59,0) 68%),radial-gradient(rgba(51,180,105,.25) 23%,rgba(51,180,105,.2) 53% 70%,rgba(51,180,105,0) 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 #fff;background-size:200% 200%;background-repeat:no-repeat;background-position:bottom -10px center;-webkit-box-shadow:1px 1px 1px rgba(255,255,255,.2) inset,0 0 2px 6px #dfdad7,1px 6px 10px #66514d,-1px -7.5px 1px #fff;box-shadow:1px 1px 1px rgba(255,255,255,.2) inset,0 0 2px 6px #dfdad7,1px 6px 10px #66514d,-1px -7.5px 1px #fff;-webkit-transition:all .3s ease-out;transition:all .3s ease-out;cursor:pointer}.camera .top .shutter:hover{-webkit-box-shadow:1px 1px 1px rgba(255,255,255,.2) inset,0 0 2px 6px #dfdad7,2px 8px 12px #66514d,-1px -7.5px 1px #fff;box-shadow:1px 1px 1px rgba(255,255,255,.2) inset,0 0 2px 6px #dfdad7,2px 8px 12px #66514d,-1px -7.5px 1px #fff}.camera .top .flash{position:absolute;width:90px;height:160px;border-radius:15px;left:25px;top:25px;-webkit-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;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:-webkit-gradient(linear,left top,left bottom,from(#edecea),to(#f6f6f8)),-webkit-gradient(linear,left top,right top,color-stop(3%,rgba(247,246,244,0)),color-stop(3%,rgba(247,246,244,.5)),color-stop(6%,rgba(247,246,244,0)),color-stop(12%,rgba(247,246,244,.5)),color-stop(15%,rgba(247,246,244,0)),color-stop(21%,rgba(247,246,244,.5)),color-stop(23%,rgba(247,246,244,0)),color-stop(24%,rgba(247,246,244,.5)),color-stop(25%,rgba(247,246,244,0)),color-stop(27%,rgba(247,246,244,.5)),color-stop(28%,rgba(247,246,244,0)),color-stop(31%,rgba(247,246,244,.5)),color-stop(33%,rgba(247,246,244,0)),color-stop(35%,rgba(247,246,244,.5)),color-stop(37%,rgba(247,246,244,0)),color-stop(39%,rgba(247,246,244,.5)),color-stop(41%,rgba(247,246,244,0)),color-stop(43%,rgba(247,246,244,.5)),color-stop(45%,rgba(247,246,244,0)),color-stop(48%,rgba(247,246,244,.5)),color-stop(50%,rgba(247,246,244,0)),color-stop(55%,rgba(247,246,244,.5)),color-stop(57%,rgba(247,246,244,0)),color-stop(59%,rgba(247,246,244,.5)),color-stop(60%,rgba(247,246,244,0)),color-stop(61%,rgba(247,246,244,.5)),color-stop(62%,rgba(247,246,244,0)),color-stop(64%,rgba(247,246,244,.5)),color-stop(66%,rgba(247,246,244,0)),color-stop(69%,rgba(247,246,244,.5)),color-stop(71%,rgba(247,246,244,0)),color-stop(75%,rgba(247,246,244,.5)),color-stop(77%,rgba(247,246,244,0)),color-stop(79%,rgba(247,246,244,.5)),color-stop(80%,rgba(247,246,244,0)),color-stop(81%,rgba(247,246,244,.5)),color-stop(82%,rgba(247,246,244,0)),color-stop(84%,rgba(247,246,244,.5)),color-stop(86%,rgba(247,246,244,0)),color-stop(89%,rgba(247,246,244,.5)),color-stop(81%,rgba(247,246,244,0))),-webkit-gradient(linear,left top,right top,from(rgba(186,184,185,.1)),color-stop(rgba(247,246,244,.65)),to(rgba(186,184,185,.1))),-webkit-gradient(linear,left top,right top,from(rgba(186,184,185,.1)),color-stop(rgba(247,246,244,.65)),to(rgba(186,184,185,.1))),-webkit-gradient(linear,left top,left bottom,color-stop(15%,#e3deda),color-stop(25%,#afaaa6),color-stop(45%,transparent)),-webkit-gradient(linear,left top,left bottom,color-stop(10%,#f0efed),color-stop(20%,#b0aba7),color-stop(40%,#403c3b),color-stop(43%,#2f2b2a),color-stop(45%,#292524),color-stop(65%,#696562),color-stop(82%,#c2bfba),color-stop(90%,#dedad7),color-stop(94%,#c9c6c1),color-stop(98%,#fffefa)),-webkit-gradient(linear,left top,left bottom,from(#34332f),to(#3e3a38));background-image:linear-gradient(#edecea,#f6f6f8),linear-gradient(90deg,rgba(247,246,244,0) 3%,rgba(247,246,244,.5) 3% 6%,rgba(247,246,244,0) 6% 11%,rgba(247,246,244,.5) 12% 15%,rgba(247,246,244,0) 15% 21%,rgba(247,246,244,.5) 21% 23%,rgba(247,246,244,0) 23% 24%,rgba(247,246,244,.5) 24% 25%,rgba(247,246,244,0) 25% 27%,rgba(247,246,244,.5) 27% 28%,rgba(247,246,244,0) 28% 31%,rgba(247,246,244,.5) 31% 33%,rgba(247,246,244,0) 33% 35%,rgba(247,246,244,.5) 35% 37%,rgba(247,246,244,0) 37% 39%,rgba(247,246,244,.5) 39% 41%,rgba(247,246,244,0) 41% 43%,rgba(247,246,244,.5) 43% 45%,rgba(247,246,244,0) 45% 48%,rgba(247,246,244,.5) 48% 50%,rgba(247,246,244,0) 50% 55%,rgba(247,246,244,.5) 55% 57%,rgba(247,246,244,0) 57% 59%,rgba(247,246,244,.5) 59% 60%,rgba(247,246,244,0) 60% 61%,rgba(247,246,244,.5) 61% 62%,rgba(247,246,244,0) 62% 64%,rgba(247,246,244,.5) 64% 66%,rgba(247,246,244,0) 66% 69%,rgba(247,246,244,.5) 69% 71%,rgba(247,246,244,0) 71% 75%,rgba(247,246,244,.5) 75% 77%,rgba(247,246,244,0) 77% 79%,rgba(247,246,244,.5) 79% 80%,rgba(247,246,244,0) 80% 81%,rgba(247,246,244,.5) 81% 82%,rgba(247,246,244,0) 82% 84%,rgba(247,246,244,.5) 84% 86%,rgba(247,246,244,0) 86% 89%,rgba(247,246,244,.5) 89% 91%,rgba(247,246,244,0) 81% 95%),linear-gradient(90deg,rgba(186,184,185,.1),rgba(247,246,244,.65),rgba(186,184,185,.1)),linear-gradient(90deg,rgba(186,184,185,.1),rgba(247,246,244,.65),rgba(186,184,185,.1)),linear-gradient(#e3deda 15%,#afaaa6 25% 35%,transparent 45%),linear-gradient(#f0efed 10%,#b0aba7 20%,#403c3b 40%,#2f2b2a 43%,#292524 45% 55%,#696562 65% 75%,#c2bfba 82% 86%,#dedad7 90% 93%,#c9c6c1 94% 96%,#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;-webkit-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;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;-webkit-box-shadow:0 0 1px 0 #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;box-shadow:0 0 1px 0 #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:-webkit-gradient(linear,left top,left bottom,from(#eceaed),to(#e2e0e1));background-image:linear-gradient(#eceaed,#e2e0e1);width:40px;height:40px;left:18px;top:19px;border-radius:10px;-webkit-box-shadow:.5px 2px 2px 0 #5e5b56,0 1px 3px 0 #cac4c5,-4px 0 5px 0 rgba(9,7,5,.75),1px 1px 1px 1px #f1ecf0 inset,1.5px 1.5px 1px 1px #d1d0ce inset;box-shadow:.5px 2px 2px 0 #5e5b56,0 1px 3px 0 #cac4c5,-4px 0 5px 0 rgba(9,7,5,.75),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);-webkit-box-shadow:0 .5px 1px .5px #605c5b,1px 1px 1px #fffbfc inset;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);backround-size:60%,100%;background-position:-6px -3px,center;background-repeat:no-repeat;-webkit-box-shadow:0 .5px 1px .75px #fffbfc,0 -1px 1px #635f5e;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);-webkit-box-shadow:0 .5px 1px .75px #c6c1c0,0 -.5px .5px .25px #1a1819,-5px -8px 8px 1px rgba(86,82,82,.4);box-shadow:0 .5px 1px .75px #c6c1c0,0 -.5px .5px .25px #1a1819,-5px -8px 8px 1px rgba(86,82,82,.4)}.camera .top .toggle-container{position:absolute;width:50px;height:22px;border-radius:20px;right:50px;top:145px;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(10%,#cc7b00),to(#b26701));background-image:linear-gradient(#cc7b00 10%,#b26701);-webkit-box-shadow:.2px .2px .5px .5px #935723 inset,.5px 1px .75px .25px #fce9d8;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);-webkit-box-shadow:.5px 1px .75px .25px #ffed71 inset,0 -.5px .5px .5px #e6a11f inset,-1px .5px 4px 1px #964900;box-shadow:.5px 1px .75px .25px #ffed71 inset,0 -.5px .5px .5px #e6a11f inset,-1px .5px 4px 1px #964900}@-webkit-keyframes cameraFlash{from{-webkit-box-shadow:0;box-shadow:0}to{-webkit-box-shadow:inset 0 0 0 300px rgba(255,255,255,.6);box-shadow:inset 0 0 0 300px rgba(255,255,255,.6)}}@keyframes cameraFlash{from{-webkit-box-shadow:0;box-shadow:0}to{-webkit-box-shadow:inset 0 0 0 300px rgba(255,255,255,.6);box-shadow:inset 0 0 0 300px rgba(255,255,255,.6)}}body,html{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:active,a:hover{text-decoration:none}@media screen and (max-width:960px){h1{font-size:34px}}body,html{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:active,a:hover{text-decoration:none}@media screen and (max-width:960px){h1{font-size:34px}}.camera-container{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#83adec;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(40%,#83adec),color-stop(40%,#a6dcef),color-stop(60%,#a6dcef),color-stop(75%,#f2aaaa),color-stop(90%,#e36387));background-image:linear-gradient(180deg,#83adec 40%,#a6dcef 40% 60%,#a6dcef 60% 75%,#f2aaaa 75% 90%,#e36387 90% 100%)}.camera{position:relative;display:block;width:570px;height:470px;margin-top:-300px}@media screen and (max-width:767px){.camera{margin-top:-200px;-webkit-transform:scale(.6);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%),-webkit-gradient(linear,left top,right top,from(#e1dfe2),to(#eae8eb)),-webkit-gradient(linear,left top,right top,from(#eae8eb),to(#e1dfe2)),-webkit-gradient(linear,left top,right top,from(#85817e),color-stop(5%,rgba(47,43,43,0)),to(#696461)),-webkit-gradient(linear,left top,left bottom,from(#4e4a49),to(#100c0d)),-webkit-gradient(linear,left top,left bottom,from(#312f32),color-stop(#2a2a27),to(#363233));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,rgba(47,43,43,0) 5% 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;-webkit-box-shadow:-1px 3px 2px 0 rgba(249,247,248,.65) inset;box-shadow:-1px 3px 2px 0 rgba(249,247,248,.65) 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:-webkit-gradient(linear,left top,right top,color-stop(90%,#474548),color-stop(90%,#343233)),-webkit-gradient(linear,left top,right top,color-stop(10%,#0e090d),color-stop(10%,#4a4849)),-webkit-gradient(linear,left top,left bottom,color-stop(4%,#4c4a4d),color-stop(9%,#161214),color-stop(30%,#484445),color-stop(80%,#1a1617),color-stop(99%,#b0afad));background-image:linear-gradient(90deg,#474548 90%,#343233 90%),linear-gradient(90deg,#0e090d 10%,#4a4849 10%),linear-gradient(#4c4a4d 4%,#161214 9% 20%,#484445 30% 55%,#1a1617 80% 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:-webkit-gradient(linear,left top,left bottom,color-stop(5%,#1d160f),color-stop(5%,#0e9ee0),color-stop(14%,#1f211a),color-stop(19%,#0eae4f),color-stop(32%,#2b2106),color-stop(37%,#ffb404),color-stop(50%,#2a1303),color-stop(55%,#fe8204),color-stop(68%,#292313),color-stop(80%,#e02d28));background-image:linear-gradient(#1d160f 5%,#0e9ee0 5% 14%,#1f211a 14% 19%,#0eae4f 19% 32%,#2b2106 32% 37%,#ffb404 37% 50%,#2a1303 50% 55%,#fe8204 55% 68%,#292313 68% 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%),-webkit-gradient(linear,left top,left bottom,color-stop(10%,#8b8786),color-stop(20%,#5e5a5b),to(#969291));background-image:radial-gradient(#353334,#4c4849 40%,transparent 70%),radial-gradient(#29272a,#464445 40%,transparent 70%),linear-gradient(#8b8786 10%,#5e5a5b 20% 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:-webkit-gradient(linear,left top,left bottom,color-stop(2%,#747371),color-stop(2%,#525055),color-stop(#565152),to(#535250));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);-webkit-box-shadow:-1px 5px 5px #181619;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:-webkit-gradient(linear,left top,right top,from(rgba(243,243,243,.75)),color-stop(15%,rgba(243,243,243,0)),to(rgba(243,243,243,.75))),-webkit-gradient(linear,left top,left bottom,from(#fefefe),to(#f9f7f8)),-webkit-gradient(linear,left top,left bottom,from(#ddd9da),color-stop(#e2dedf),color-stop(#eae8eb),to(#f3f1f4));background-image:linear-gradient(90deg,rgba(243,243,243,.75),rgba(243,243,243,0) 15% 85%,rgba(243,243,243,.75)),linear-gradient(#fefefe,#f9f7f8),linear-gradient(#ddd9da,#e2dedf,#eae8eb,#f3f1f4);background-size:100%,100% 3px,100%;background-repeat:no-repeat;-webkit-box-shadow:-1px 1px 2px 3px rgba(249,247,248,.85) inset;box-shadow:-1px 1px 2px 3px rgba(249,247,248,.85) 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 0 27%,#070508 27.5% 28%,#4e4c4f 28.5% 28.6%,#2a282b 28.7% 29.3%,#070508 29.5% 29.8%,#4e4c4f 30% 30.5%,#2a282b 30.5% 32.5%,#070508 33% 33.5%,#4e4c4f 34% 34.5%,#2a282b 34.5% 36.5%,#070508 37% 37.5%,#3d3b40 38% 38.5%,#908e91 39% 39.5%,#3d3b40 40% 40.5%,#908e91 41% 41.5%,#3d3b40 42% 42.5%,#908e91 43% 43.5%,#3d3b40 44% 44.5%,#908e91 45% 45.5%,#3d3b40 46% 46.5%,#908e91 47% 47.5%,#3d3b40 48% 48.5%,#908e91 49% 49.5%,#3d3b40 50% 50.5%,#908e91 51% 51.5%,#3d3b40 52% 52.5%,#908e91 53% 54%,#241e1e 54.5% 57%,#131114 57% 59%,#3c3a3d 59% 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;-webkit-box-shadow:15px 55px 60px 5px #767072;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(rgba(51,180,105,.25) 13%,rgba(119,159,59,.2) 53% 70%,rgba(119,159,59,0) 68%),radial-gradient(rgba(51,180,105,.25) 23%,rgba(51,180,105,.2) 53% 70%,rgba(51,180,105,0) 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 #fff;background-size:200% 200%;background-repeat:no-repeat;background-position:bottom -10px center;-webkit-box-shadow:1px 1px 1px rgba(255,255,255,.2) inset,0 0 2px 6px #dfdad7,1px 6px 10px #66514d,-1px -7.5px 1px #fff;box-shadow:1px 1px 1px rgba(255,255,255,.2) inset,0 0 2px 6px #dfdad7,1px 6px 10px #66514d,-1px -7.5px 1px #fff;-webkit-transition:all .3s ease-out;transition:all .3s ease-out;cursor:pointer}.camera .top .shutter:hover{-webkit-box-shadow:1px 1px 1px rgba(255,255,255,.2) inset,0 0 2px 6px #dfdad7,2px 8px 12px #66514d,-1px -7.5px 1px #fff;box-shadow:1px 1px 1px rgba(255,255,255,.2) inset,0 0 2px 6px #dfdad7,2px 8px 12px #66514d,-1px -7.5px 1px #fff}.camera .top .flash{position:absolute;width:90px;height:160px;border-radius:15px;left:25px;top:25px;-webkit-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;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:-webkit-gradient(linear,left top,left bottom,from(#edecea),to(#f6f6f8)),-webkit-gradient(linear,left top,right top,color-stop(3%,rgba(247,246,244,0)),color-stop(3%,rgba(247,246,244,.5)),color-stop(6%,rgba(247,246,244,0)),color-stop(12%,rgba(247,246,244,.5)),color-stop(15%,rgba(247,246,244,0)),color-stop(21%,rgba(247,246,244,.5)),color-stop(23%,rgba(247,246,244,0)),color-stop(24%,rgba(247,246,244,.5)),color-stop(25%,rgba(247,246,244,0)),color-stop(27%,rgba(247,246,244,.5)),color-stop(28%,rgba(247,246,244,0)),color-stop(31%,rgba(247,246,244,.5)),color-stop(33%,rgba(247,246,244,0)),color-stop(35%,rgba(247,246,244,.5)),color-stop(37%,rgba(247,246,244,0)),color-stop(39%,rgba(247,246,244,.5)),color-stop(41%,rgba(247,246,244,0)),color-stop(43%,rgba(247,246,244,.5)),color-stop(45%,rgba(247,246,244,0)),color-stop(48%,rgba(247,246,244,.5)),color-stop(50%,rgba(247,246,244,0)),color-stop(55%,rgba(247,246,244,.5)),color-stop(57%,rgba(247,246,244,0)),color-stop(59%,rgba(247,246,244,.5)),color-stop(60%,rgba(247,246,244,0)),color-stop(61%,rgba(247,246,244,.5)),color-stop(62%,rgba(247,246,244,0)),color-stop(64%,rgba(247,246,244,.5)),color-stop(66%,rgba(247,246,244,0)),color-stop(69%,rgba(247,246,244,.5)),color-stop(71%,rgba(247,246,244,0)),color-stop(75%,rgba(247,246,244,.5)),color-stop(77%,rgba(247,246,244,0)),color-stop(79%,rgba(247,246,244,.5)),color-stop(80%,rgba(247,246,244,0)),color-stop(81%,rgba(247,246,244,.5)),color-stop(82%,rgba(247,246,244,0)),color-stop(84%,rgba(247,246,244,.5)),color-stop(86%,rgba(247,246,244,0)),color-stop(89%,rgba(247,246,244,.5)),color-stop(81%,rgba(247,246,244,0))),-webkit-gradient(linear,left top,right top,from(rgba(186,184,185,.1)),color-stop(rgba(247,246,244,.65)),to(rgba(186,184,185,.1))),-webkit-gradient(linear,left top,right top,from(rgba(186,184,185,.1)),color-stop(rgba(247,246,244,.65)),to(rgba(186,184,185,.1))),-webkit-gradient(linear,left top,left bottom,color-stop(15%,#e3deda),color-stop(25%,#afaaa6),color-stop(45%,transparent)),-webkit-gradient(linear,left top,left bottom,color-stop(10%,#f0efed),color-stop(20%,#b0aba7),color-stop(40%,#403c3b),color-stop(43%,#2f2b2a),color-stop(45%,#292524),color-stop(65%,#696562),color-stop(82%,#c2bfba),color-stop(90%,#dedad7),color-stop(94%,#c9c6c1),color-stop(98%,#fffefa)),-webkit-gradient(linear,left top,left bottom,from(#34332f),to(#3e3a38));background-image:linear-gradient(#edecea,#f6f6f8),linear-gradient(90deg,rgba(247,246,244,0) 3%,rgba(247,246,244,.5) 3% 6%,rgba(247,246,244,0) 6% 11%,rgba(247,246,244,.5) 12% 15%,rgba(247,246,244,0) 15% 21%,rgba(247,246,244,.5) 21% 23%,rgba(247,246,244,0) 23% 24%,rgba(247,246,244,.5) 24% 25%,rgba(247,246,244,0) 25% 27%,rgba(247,246,244,.5) 27% 28%,rgba(247,246,244,0) 28% 31%,rgba(247,246,244,.5) 31% 33%,rgba(247,246,244,0) 33% 35%,rgba(247,246,244,.5) 35% 37%,rgba(247,246,244,0) 37% 39%,rgba(247,246,244,.5) 39% 41%,rgba(247,246,244,0) 41% 43%,rgba(247,246,244,.5) 43% 45%,rgba(247,246,244,0) 45% 48%,rgba(247,246,244,.5) 48% 50%,rgba(247,246,244,0) 50% 55%,rgba(247,246,244,.5) 55% 57%,rgba(247,246,244,0) 57% 59%,rgba(247,246,244,.5) 59% 60%,rgba(247,246,244,0) 60% 61%,rgba(247,246,244,.5) 61% 62%,rgba(247,246,244,0) 62% 64%,rgba(247,246,244,.5) 64% 66%,rgba(247,246,244,0) 66% 69%,rgba(247,246,244,.5) 69% 71%,rgba(247,246,244,0) 71% 75%,rgba(247,246,244,.5) 75% 77%,rgba(247,246,244,0) 77% 79%,rgba(247,246,244,.5) 79% 80%,rgba(247,246,244,0) 80% 81%,rgba(247,246,244,.5) 81% 82%,rgba(247,246,244,0) 82% 84%,rgba(247,246,244,.5) 84% 86%,rgba(247,246,244,0) 86% 89%,rgba(247,246,244,.5) 89% 91%,rgba(247,246,244,0) 81% 95%),linear-gradient(90deg,rgba(186,184,185,.1),rgba(247,246,244,.65),rgba(186,184,185,.1)),linear-gradient(90deg,rgba(186,184,185,.1),rgba(247,246,244,.65),rgba(186,184,185,.1)),linear-gradient(#e3deda 15%,#afaaa6 25% 35%,transparent 45%),linear-gradient(#f0efed 10%,#b0aba7 20%,#403c3b 40%,#2f2b2a 43%,#292524 45% 55%,#696562 65% 75%,#c2bfba 82% 86%,#dedad7 90% 93%,#c9c6c1 94% 96%,#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;-webkit-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;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;-webkit-box-shadow:0 0 1px 0 #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;box-shadow:0 0 1px 0 #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:-webkit-gradient(linear,left top,left bottom,from(#eceaed),to(#e2e0e1));background-image:linear-gradient(#eceaed,#e2e0e1);width:40px;height:40px;left:18px;top:19px;border-radius:10px;-webkit-box-shadow:.5px 2px 2px 0 #5e5b56,0 1px 3px 0 #cac4c5,-4px 0 5px 0 rgba(9,7,5,.75),1px 1px 1px 1px #f1ecf0 inset,1.5px 1.5px 1px 1px #d1d0ce inset;box-shadow:.5px 2px 2px 0 #5e5b56,0 1px 3px 0 #cac4c5,-4px 0 5px 0 rgba(9,7,5,.75),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);-webkit-box-shadow:0 .5px 1px .5px #605c5b,1px 1px 1px #fffbfc inset;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);backround-size:60%,100%;background-position:-6px -3px,center;background-repeat:no-repeat;-webkit-box-shadow:0 .5px 1px .75px #fffbfc,0 -1px 1px #635f5e;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);-webkit-box-shadow:0 .5px 1px .75px #c6c1c0,0 -.5px .5px .25px #1a1819,-5px -8px 8px 1px rgba(86,82,82,.4);box-shadow:0 .5px 1px .75px #c6c1c0,0 -.5px .5px .25px #1a1819,-5px -8px 8px 1px rgba(86,82,82,.4)}.camera .top .toggle-container{position:absolute;width:50px;height:22px;border-radius:20px;right:50px;top:145px;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(10%,#cc7b00),to(#b26701));background-image:linear-gradient(#cc7b00 10%,#b26701);-webkit-box-shadow:.2px .2px .5px .5px #935723 inset,.5px 1px .75px .25px #fce9d8;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);-webkit-box-shadow:.5px 1px .75px .25px #ffed71 inset,0 -.5px .5px .5px #e6a11f inset,-1px .5px 4px 1px #964900;box-shadow:.5px 1px .75px .25px #ffed71 inset,0 -.5px .5px .5px #e6a11f inset,-1px .5px 4px 1px #964900}@-webkit-keyframes cameraFlash{from{-webkit-box-shadow:0;box-shadow:0}to{-webkit-box-shadow:inset 0 0 0 300px rgba(255,255,255,.6);box-shadow:inset 0 0 0 300px rgba(255,255,255,.6)}}@keyframes cameraFlash{from{-webkit-box-shadow:0;box-shadow:0}to{-webkit-box-shadow:inset 0 0 0 300px rgba(255,255,255,.6);box-shadow:inset 0 0 0 300px rgba(255,255,255,.6)}}.main{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;overflow:hidden;background-color:#fff}.info-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align: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;-webkit-box-shadow:0 3px 6px rgba(0,0,0,.25);box-shadow:0 3px 6px rgba(0,0,0,.25);-webkit-transform:translateY(-100%);transform:translateY(-100%)}.info-content.animate{-webkit-animation:shot 2.4s linear 1s forwards;animation:shot 2.4s linear 1s forwards}.info-link{position:absolute;left:50%;bottom:-5px;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align: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:rgba(255,255,255,.3);-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out;cursor:pointer}.info-icon i:hover{border-radius:8px;color:#fff;background-color:#83adec}@-webkit-keyframes shot{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes shot{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}.main{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;overflow:hidden;background-color:#fff}.info-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align: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;-webkit-box-shadow:0 3px 6px rgba(0,0,0,.25);box-shadow:0 3px 6px rgba(0,0,0,.25);-webkit-transform:translateY(-100%);transform:translateY(-100%)}.info-content.animate{-webkit-animation:shot 2.4s linear 1s forwards;animation:shot 2.4s linear 1s forwards}.info-link{position:absolute;left:50%;bottom:-5px;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align: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:rgba(255,255,255,.3);-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out;cursor:pointer}.info-icon i:hover{border-radius:8px;color:#fff;background-color:#83adec}@-webkit-keyframes shot{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes shot{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}.logo-container{position:relative;width:100%;height:70%;-webkit-transition:opacity .5s ease-in-out;transition:opacity .5s ease-in-out;background:#fff;background-repeat:no-repeat;background-size:cover;background-position:top center}.logo-container:before{content:"「 🍺 Cheers! 」";position:absolute;top:50%;display:block;width:100%;height:100%;color:#fff;font-size:2em;text-align:center;opacity:0}.logo-container:after{content:"";display:block;width:100%;height:100%;background-color:rgba(0,0,0,.55);opacity:0}.logo-svg{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%) scale(.9);transform:translate(-50%,-50%) scale(.9);width:350px;height:350px;opacity:1}.logo-svg.switch{opacity:0}.logo-svg path{stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:500;stroke-dashoffset:500;-webkit-animation:dash 6s linear forwards;animation:dash 6s linear forwards}.logo-svg circle{stroke-dasharray:500;stroke-dashoffset:500;-webkit-animation:dash 2s linear forwards;animation:dash 2s linear forwards}@-webkit-keyframes dash{to{stroke-dashoffset:0}}@keyframes dash{to{stroke-dashoffset:0}}@media screen and (max-height:500px){.logo-svg{-webkit-transform:translate(-50%,-50%) scale(.55);transform:translate(-50%,-50%) scale(.55)}.logo-container{height:63%}}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: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:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}