body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{overflow-x:hidden}li{list-style:none}a{cursor:pointer;text-decoration:none}a:hover{opacity:80%}p{font-size:16px}nav{align-items:center;background-color:#fff;box-shadow:0 2px #fff;display:flex;height:130px;justify-content:space-between;padding:1rem 2rem;position:relative;z-index:2}nav .logo-wrapper{display:flex;height:100%}nav img{height:100%}.mptourism-logo{margin-right:1rem}#backgroundsModalWrapper img,#output img,#vbackground,canvas{border-radius:10px}#backgroundsModalWrapper img,#output img{max-width:600px}.output-btns{display:flex;gap:2rem}main{overflow-x:hidden;position:relative}.videoContainer{align-items:center;display:flex;flex-direction:column;justify-content:center;width:50%}input{display:none}#download,.file-upload,button{background:#e46a4f;border:none;border-radius:3px;color:#fff;cursor:pointer;padding:1rem 2rem;transition:all .2s ease-in-out}#download:hover,.file-upload:hover,button:hover{scale:97%}.backgroundContainer{align-items:center;display:flex;flex-direction:column;justify-content:center;width:50%}div{position:relative}.inline-block{display:inline-block}.heroVideo{height:100%;width:auto}.backgrounds,.videoContent{height:auto;margin-bottom:2rem;width:100%}.backgrounds,.input-wrapper,.output-wrapper,.videoContent{align-items:center;border-radius:10px;display:flex;justify-content:center}.input-wrapper,.output-wrapper{flex-wrap:wrap;gap:2rem;margin:8rem auto;max-width:1200px}.output-wrapper{flex-direction:column;margin:8rem auto 2rem}.backgrounds img{height:auto;object-fit:cover;width:100%}.heroVideo{width:100%}.overlay-wrapper{-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);background-color:#0000006d;border-radius:10px;color:#fff;line-height:1.8rem;padding:2rem;position:absolute;right:5rem;top:10rem;width:600px}.overlay-wrapper button{margin-top:2rem}#backgroundsModalWrapper img{transition:all .1s ease-in-out}#backgroundsModalWrapper img:hover{cursor:pointer;-webkit-transform:scale(95%);transform:scale(95%)}#backgroundsModalWrapper,#instructionsModal,#outputModalWrapper,#webcamModalWrapper{background-color:#252525;display:none;inset:0;overflow-y:scroll;position:fixed;z-index:2}#webcamModalWrapper{display:block}#backgroundsModalWrapper,#instructionsModal{align-items:center;flex-wrap:wrap;gap:2rem;justify-content:space-evenly;padding:5rem 2rem}.clickable-image{height:auto;width:90%}#instructionsModal p{color:#fff;font-size:36px;line-height:4rem}.instructionsModalDiv2{text-align:center}#instructionsModal img{cursor:pointer;width:150px}#instructionsModal img:hover{opacity:90%}.output-wrapper{display:flex;flex-wrap:wrap}@media (max-width:632px){#backgroundsModalWrapper,#instructionsModal{padding:8rem 2rem}#instructionsModal p{font-size:20px}}.modal-wrapper a{position:absolute;right:2rem;top:3rem;z-index:3}.modal-wrapper svg{fill:#e46a4f;font-size:40px}@media (max-width:1024px){.heroVideo{height:100%;position:relative}}.heroVideoPhone{display:none}.input-wrapper{flex-wrap:wrap-reverse}@media (max-width:1485px){.output-wrapper{flex-direction:column}.videoContainer{margin-top:0;width:100%}.herovideo{height:auto}.backgroundContainer{margin-top:3rem;width:100%}.backgrounds,.videoContent{height:auto;width:90%}.overlay-wrapper{left:2rem;right:2rem;top:5rem;width:auto}.heroVideo{display:none}.overlay-wrapper p{font-size:16px}.heroVideoPhone{display:inline-block;width:100%}}.backgrounds{flex-wrap:wrap}canvas{border-radius:10px}.inputDisplay{padding:1rem}.inputDisplay,.landscape{display:inline}.portrait{display:none}@media (max-width:800px){.landscape{display:none}.portrait{display:inline-block}}footer{align-items:center;background-color:#252525;display:flex;justify-content:space-between;padding:2rem;position:relative;width:100%}.social-wrapper{display:flex;gap:1.5rem}.social-wrapper svg{fill:#fff;cursor:pointer;font-size:18px}.footerLinksAndText-wrapper{display:flex;gap:1rem}footer ul{display:flex;gap:1.5rem}footer a,footer span{color:#fff}@media only screen and (max-width:800px){#backgroundsModalWrapper img,#output img{max-width:90%}.footerLinksAndText-wrapper,footer{flex-wrap:wrap;gap:2rem;justify-content:center}nav{flex-wrap:wrap-reverse;gap:2rem;height:auto;justify-content:center}nav .logo-wrapper{height:80px}}@media (max-width:460px){footer ul{border-right:none;margin:0;padding:0}}
/*# sourceMappingURL=main.f3f91ac0.css.map*/