.phone{display:flex;align-items:center;justify-content:center;font-size:1.5vh;margin:1rem;min-height:calc(100vh - 2rem)}.marvel-device{display:inline-block;position:relative;box-sizing:content-box!important}.marvel-device .screen{width:100%;position:relative;height:100%;z-index:3;background:#000;overflow:hidden;display:block;border-radius:.0625em;box-shadow:0 0 0 .1875em #111}.marvel-device .bottom-bar,.marvel-device .top-bar{height:.1875em;background:#000;width:100%;display:block}.marvel-device .middle-bar{width:.1875em;height:.25em;top:0;left:5.625em;background:#000;position:absolute}.marvel-device.iphone-x{width:23.4375em;height:50.75em;padding:1.1em;background:#fdfdfd;box-shadow:inset 0 0 11px 0 #000;border-radius:4.125em}.marvel-device.iphone-x .overflow{width:100%;height:100%;position:absolute;top:0;left:0;border-radius:4.125em;overflow:hidden}.marvel-device.iphone-x .shadow{border-radius:100%;width:5.625em;height:5.625em;position:absolute;background:radial-gradient(ellipse at center,rgba(0,0,0,.6) 0,hsla(0,0%,100%,0) 60%)}.marvel-device.iphone-x .shadow--tl{top:-1.25em;left:-1.25em}.marvel-device.iphone-x .shadow--tr{top:-1.25em;right:-1.25em}.marvel-device.iphone-x .shadow--bl{bottom:-1.25em;left:-1.25em}.marvel-device.iphone-x .shadow--br{bottom:-1.25em;right:-1.25em}.marvel-device.iphone-x:before{width:calc(100% - .625em);height:calc(100% - .625em);position:absolute;top:.3125em;content:"";left:.3125em;border-radius:3.8125em;background:#000;z-index:1}.marvel-device.iphone-x .screen{border-radius:3.1em;box-shadow:none}.marvel-device.iphone-x .bottom-bar,.marvel-device.iphone-x .top-bar{width:100%;position:absolute;height:.5em;background:rgba(0,0,0,.1);left:0}.marvel-device.iphone-x .top-bar{top:5em}.marvel-device.iphone-x .bottom-bar{bottom:5em}.marvel-device.iphone-x .sleep,.marvel-device.iphone-x .volume,.marvel-device.iphone-x .volume:after,.marvel-device.iphone-x .volume:before{width:.1875em;background:#b5b5b5;position:absolute}.marvel-device.iphone-x .volume{left:-.1875em;top:7.25em;height:2em}.marvel-device.iphone-x .volume:before{height:3.875em;top:3.875em;content:"";left:0}.marvel-device.iphone-x .volume:after{height:3.875em;top:8.75em;content:"";left:0}.marvel-device.iphone-x .sleep{height:6em;top:12.5em;right:-.1875em}.marvel-device.iphone-x .camera{width:.375em;height:.375em;top:.5625em;border-radius:100%;position:absolute;left:9.625em;background:#0d4d71}.marvel-device.iphone-x .speaker{height:.375em;width:3.75em;left:50%;position:absolute;top:.5625em;margin-left:-1.875em;background:#171818;border-radius:.375em}.marvel-device.iphone-x .notch{position:absolute;width:13.125em;height:1.875em;top:1.1em;left:26%;z-index:4;background:#000;border-bottom-left-radius:1.5em;border-bottom-right-radius:1.5em}.marvel-device.iphone-x .notch:after,.marvel-device.iphone-x .notch:before{content:"";height:.5em;position:absolute;top:0;width:.5em}.marvel-device.iphone-x .notch:after{background:radial-gradient(circle at bottom left,transparent 0,transparent 70%,#000 0,#000 100%);left:-.5em}.marvel-device.iphone-x .notch:before{background:radial-gradient(circle at bottom right,transparent 0,transparent 70%,#000 0,#000 100%);right:-.5em}.marvel-device.iphone-x.landscape{height:23.4375em;width:50.75em}.marvel-device.iphone-x.landscape .bottom-bar,.marvel-device.iphone-x.landscape .top-bar{width:.5em;height:100%;top:0}.marvel-device.iphone-x.landscape .top-bar{left:5em}.marvel-device.iphone-x.landscape .bottom-bar{right:5em;bottom:auto;left:auto}.marvel-device.iphone-x.landscape .sleep,.marvel-device.iphone-x.landscape .volume,.marvel-device.iphone-x.landscape .volume:after,.marvel-device.iphone-x.landscape .volume:before{height:.1875em}.marvel-device.iphone-x.landscape .inner-shadow:before{height:100%;width:116%;left:-8%;top:0;border-radius:7em/12.5em}.marvel-device.iphone-x.landscape .volume{bottom:-.1875em;top:auto;left:7.25em;width:2em}.marvel-device.iphone-x.landscape .volume:before{width:3.875em;left:3.875em;top:0}.marvel-device.iphone-x.landscape .volume:after{width:3.875em;left:8.75em;top:0}.marvel-device.iphone-x.landscape .sleep{width:6em;left:12.5em;top:-.1875em;right:auto}.marvel-device.iphone-x.landscape .camera{left:.5625em;bottom:9.625em;top:auto}.marvel-device.iphone-x.landscape .speaker{width:.375em;height:3.75em;left:.5625em;top:50%;margin-top:-1.875em;margin-left:0}.marvel-device.iphone-x.landscape .notch{height:13.125em;width:1.875em;left:1.1em;bottom:6.75em;top:auto;border-top-right-radius:1.5em;border-bottom-right-radius:1.5em;border-bottom-left-radius:0}.marvel-device.iphone-x.landscape .notch:after,.marvel-device.iphone-x.landscape .notch:before{left:0}.marvel-device.iphone-x.landscape .notch:after{background:radial-gradient(circle at bottom right,transparent 0,transparent 70%,#000 0,#000 100%);bottom:-.5em;top:auto}.marvel-device.iphone-x.landscape .notch:before{background:radial-gradient(circle at top right,transparent 0,transparent 70%,#000 0,#000 100%);top:-.5em}@media only screen and (orientation:portrait){.marvel-device{position:unset!important;border-radius:0!important}.marvel-device .screen{position:absolute;inset:0;border-radius:0!important}.marvel-device .bottom-bar,.marvel-device .inner-shadow,.marvel-device .notch,.marvel-device .overflow,.marvel-device .sleep,.marvel-device .volume{display:none}}
/*# sourceMappingURL=main.699d2e29.css.map */