.iphone-x{position:relative;margin:20px auto;width:180px;height:390px;background-color:#7371ee;background-image:linear-gradient(60deg,#7371ee 1%,#a1d9d6);border-radius:30px;box-shadow:0 0 0 5px #1f1f1f,0 0 0 6px #191919,0 0 0 10px #111}.iphone-x:after,.iphone-x:before{content:"";position:absolute;left:50%;transform:translateX(-50%)}.iphone-x:after{bottom:4px;width:70px;height:2px;background-color:#f2f2f2;border-radius:10px}.iphone-x:before{top:0;width:56%;height:15px;background-color:#1f1f1f;border-radius:0 0 20px 20px}.iphone-x b,.iphone-x i,.iphone-x s,.iphone-x span{position:absolute;display:block;color:transparent}.iphone-x i{left:50%;transform:translate(-50%,6px);height:8px;width:15%;border-radius:8px;box-shadow:inset 0 -3px 3px 0 hsla(0,0%,100%,.2)}.iphone-x b,.iphone-x i{top:0;background-color:#101010}.iphone-x b{left:10%;transform:translate(180px,4px);width:12px;height:12px;border-radius:12px;box-shadow:inset 0 -3px 2px 0 hsla(0,0%,100%,.2)}.iphone-x b:after{content:"";position:absolute;background-color:#2d4d76;width:6px;height:6px;top:3px;left:3px;display:block;border-radius:4px;box-shadow:inset 0 -2px 2px rgba(0,0,0,.5)}.iphone-x s{top:50px;color:#fff;text-align:center;text-decoration:none;width:100%;font-size:70px;font-weight:100;padding-top:60px}.iphone-x span{bottom:50px;width:40px;height:40px;background-color:rgba(0,0,0,.3);border-radius:50%;left:30px}.iphone-x span+span{left:auto;right:30px}