/*! devices.css v0.2.0 | MIT License | github.com/picturepan2/devices.css */.device{position:relative;display:inline-block}.device,.device *,.device :after,.device :before{box-sizing:border-box}.device .device-frame{position:relative;display:block;pointer-events:none}.device .device-frame:after{content:"";position:absolute;display:block}.device .device-content{position:absolute;top:0;left:0;overflow:hidden;pointer-events:auto}.device .device-media{position:absolute;display:block;pointer-events:none}.device .device-stripe:after,.device .device-stripe:before{content:"";position:absolute;display:block;width:3px;height:8px;background:#adb0b3}.device .device-btns,.device .device-btns:after,.device .device-btns:before{position:absolute;display:block}.device .device-sensors:after,.device .device-sensors:before{content:"";position:absolute;display:block;background:#333}.device .device-power,.device .device-power:after,.device .device-power:before{position:absolute;display:block}.device .device-home,.device .device-home:after{position:absolute;display:block;border-radius:100%}.device .device-home:after{content:""}.device .device-bottom,.device .device-bottom:after,.device .device-bottom:before,.device .device-top,.device .device-top:after,.device .device-top:before{position:absolute;display:block;background:#bfc1c3}.device .device-inner{position:absolute;display:block;background:#1a1a1a}.device .device-glare{position:absolute;display:block;background:linear-gradient(225deg,hsla(0,0%,100%,.12),hsla(0,0%,100%,0) 50%);opacity:.35}.device.device-iphone-x{width:428px;height:850px;padding:20px;border-radius:68px;background:#0d0d0d;box-shadow:0 15px 55px rgba(0,0,0,.35),0 0 0 11px #0d0d0d}.device.device-iphone-x .device-frame{width:388px;height:810px;border-radius:60px;background:#000;overflow:hidden;box-shadow:inset 0 0 0 2px #111}.device.device-iphone-x .device-content{width:100%;height:100%;background:#fff}.device.device-iphone-x .device-stripe:before{top:65px;left:-7px}.device.device-iphone-x .device-stripe:after{top:65px;right:-7px}.device.device-iphone-x .device-sensors{position:absolute;top:12px;left:50%;margin-left:-76px;width:152px;height:28px;background:#0d0d0d;border-radius:0 0 40px 40px}.device.device-iphone-x .device-sensors:before{width:10px;height:10px;top:8px;left:12px;border-radius:10px}.device.device-iphone-x .device-sensors:after{width:60px;height:6px;top:10px;right:12px;border-radius:6px}.device.device-iphone-x .device-btns:before{width:3px;height:58px;left:-3px;top:120px;background:#adb0b3;border-radius:4px}.device.device-iphone-x .device-btns:after{width:3px;height:58px;left:-3px;top:200px;background:#adb0b3;border-radius:4px}.device.device-iphone-x .device-power{width:3px;height:120px;right:-3px;top:170px;background:#adb0b3;border-radius:4px}.device.device-iphone-x .device-glare{top:-60px;left:-120px;width:360px;height:300px;transform:rotate(20deg)}.device.device-ipad{width:834px;height:1194px;padding:26px;border-radius:48px;background:#f2f2f2;box-shadow:0 15px 55px rgba(0,0,0,.25),0 0 0 9px #f2f2f2}.device.device-ipad .device-frame{width:782px;height:1142px;border-radius:38px;background:#000;overflow:hidden;box-shadow:inset 0 0 0 2px #d8d8d8}.device.device-ipad .device-content{width:100%;height:100%;background:#fff}.device.device-ipad .device-home{width:74px;height:74px;left:50%;bottom:16px;margin-left:-37px;background:#e6e6e6;box-shadow:inset 0 0 0 2px #d8d8d8}.device.device-ipad .device-home:after{width:38px;height:38px;left:50%;top:50%;margin:-19px 0 0 -19px;background:#f2f2f2}.device.device-ipad .device-sensors:before{width:12px;height:12px;top:12px;left:50%;margin-left:-6px;border-radius:12px}.device.device-ipad .device-glare{top:-120px;left:-200px;width:500px;height:340px;transform:rotate(22deg)}.device.device-galaxy{width:400px;height:830px;padding:22px;border-radius:52px;background:#0d0d0d;box-shadow:0 15px 55px rgba(0,0,0,.35),0 0 0 10px #0d0d0d}.device.device-galaxy .device-frame{width:356px;height:786px;border-radius:44px;background:#000;overflow:hidden;box-shadow:inset 0 0 0 2px #111}.device.device-galaxy .device-content{width:100%;height:100%;background:#fff}.device.device-galaxy .device-sensors{position:absolute;top:12px;left:50%;margin-left:-50px;width:100px;height:18px;background:#0d0d0d;border-radius:20px}.device.device-galaxy .device-sensors:before{width:10px;height:10px;top:4px;left:12px;border-radius:10px}.device.device-galaxy .device-sensors:after{width:40px;height:6px;top:6px;right:12px;border-radius:6px}.device.device-galaxy .device-btns:before{width:3px;height:80px;left:-3px;top:160px;background:#adb0b3;border-radius:4px}.device.device-galaxy .device-btns:after{width:3px;height:80px;left:-3px;top:260px;background:#adb0b3;border-radius:4px}.device.device-galaxy .device-power{width:3px;height:140px;right:-3px;top:220px;background:#adb0b3;border-radius:4px}.device.device-galaxy .device-glare{top:-80px;left:-160px;width:400px;height:320px;transform:rotate(25deg)}