.iphone-container{margin:0;background:#000;background-size:cover;background-repeat:no-repeat;background-position:50%;min-height:100vh;display:flex;align-items:center;justify-content:center}.frame-base{display:block;width:319.6px;height:664.4px;background:white;border-radius:48.6px;-moz-box-shadow:inset 0 0 12px #494949;-webkit-box-shadow:inset 0 0 12px #494949;box-shadow:inset 2px 0 12px #494949;position:relative}.layer2{width:306.6px;height:651.4px;background:black;left:50%;top:50%;transform:translate(-50%,calc(-50% + 0px));border-radius:44.6px;-moz-box-shadow:0 0 15px 1.5px #494949;-webkit-box-shadow:0 0 15px 1.5px #494949;box-shadow:-2px 0 15px 1.5px #494949;border:2px solid black}.layer2,.stripe{position:absolute}.stripe{background:white;width:100%;height:4px}.top{top:10%}.bottom{bottom:10%}.side-button{position:absolute;background:#000000;background:-moz-linear-gradient(top,#494949 0,#aaaaaa 12%,#dddddd 50%,#aaaaaa 88%,#494949 100%);background:-webkit-linear-gradient(top,#494949,#aaaaaa 12%,#dddddd 50%,#aaaaaa 88%,#494949);background:linear-gradient(180deg,#494949 0,#aaaaaa 12%,#dddddd 50%,#aaaaaa 88%,#494949);width:3px}.mute{height:25px;top:75px;left:-1px;border-radius:1.5px 0 0 1.5px}.volume-up{top:125px}.volume-down,.volume-up{height:50px;left:-1px;border-radius:1.5px 0 0 1.5px}.volume-down{top:190px}.hold{height:75px;top:145px;left:99.5%;border-radius:0 1.5px 1.5px 0}.port{background:white;width:30px;height:2px;bottom:0;transform:translateX(-50%);border-radius:50% 50% 0 0}.port,.screen{position:absolute;left:50%}.screen{background:#000;width:286.6px;height:98%;top:50%;transform:translate(-50%,calc(-50% + 0px))}#background,.screen{border-radius:38.6px}#background{position:absolute;object-fit:cover;top:-1px;width:100%;height:100.5%;filter:brightness(80%)}#logo{width:60px;height:60px;top:100%;transform:translate(-50%,-50%)}#logo,.mask{position:absolute;left:50%}.mask{background:black;width:160px;height:25px;transform:translate(-50%,-1px);border-radius:0 0 20px 20px}.left-pie{position:absolute;overflow:hidden;height:8px;width:8px;left:-8px;transform:rotate(90deg)}.left-pie:after{content:" ";position:absolute;left:0;top:0;box-shadow:0 0 0 8px black;height:200%;width:200%;border-radius:50%}.right-pie{position:absolute;overflow:hidden;height:8px;width:8px;right:-8px;transform:rotate(0deg)}.right-pie:after{content:" ";position:absolute;left:0;top:0;box-shadow:0 0 0 8px black;height:200%;width:200%;border-radius:50%}.speaker{height:4px;width:35px;margin-top:5px;margin-left:50%}.camera,.speaker{position:absolute;background:#222222;transform:translateX(-50%);border-radius:10px}.camera{height:8px;width:8px;margin-top:3px;margin-left:70%}.lenz{position:absolute;background:blue;-moz-box-shadow:inset 0 0 2px #0d1a53;-webkit-box-shadow:inset 0 0 2px #0d1a53;box-shadow:inset 0 0 2px #0d1a53;border-radius:8px}.left{filter:brightness(70%);width:4px;height:4px;margin:1px 2px 0 0}.right{filter:brightness(50%);width:5px;height:5px;left:2px;top:1px}.frame-base-light{position:absolute;width:0;height:75.5%;border-radius:48.6px;border:157.4px solid white;border-top:0;top:2px;margin-left:2px}.frame-base-light:after{content:" ";height:97.2px;border-radius:50px;filter:blur(1px);border:155.4px solid black;border-top:0;left:0;transform:translateX(-50%)}.frame-base-light:after,.layer2-light{position:absolute;opacity:.5;width:0;top:2px}.layer2-light{height:601.4px;border-radius:50px;filter:blur(2px);border:44.6px solid white;border-top:0;margin-left:4px}.layer2-light:after{position:absolute;content:" ";width:0;height:601.4px;border-radius:50px;border:44.6px solid black;border-top:0;top:2px;margin-left:-40px;z-index:2}.light-right{left:100%;transform:rotate(180deg) translateX(96.2px)}