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{background-color:#252525;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 img{display:flex;-webkit-filter:invert(1);filter:invert(1);width:150px}.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}.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%}.heroDesktop,.heroPhone,.heroTablet{width:100%}.overlay-wrapper{color:#fff;inset:auto 0 14% 0;line-height:1.8rem;padding:2rem;position:absolute;text-align:center}.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}.heroPhone,.heroTablet{display:none}.input-wrapper{flex-wrap:wrap-reverse}@media (max-width:1100px){.heroDesktop{display:none}.heroTablet{display:block}}@media (max-width:850px){.heroTablet{display:none}.heroPhone{display:block}}@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{inset:auto 0 7% 0}.heroVideo{display:none}.overlay-wrapper p{font-size:14px}}.backgrounds{flex-wrap:wrap}canvas{border-radius:10px}.inputDisplay{padding:1rem}.inputDisplay,.landscape{display:inline}.portrait{display:none}@media (max-width:850px){.landscape{display:none}.portrait{display:inline-block}.overlay-wrapper{inset:auto 0 15% 0}nav .logo-wrapper img{height:auto;width:120px}}@media (max-width:520px){.overlay-wrapper{inset:auto 0 0 0}button{padding:10px}.overlay-wrapper p{font-size:12px}}@media (max-width:400px){.overlay-wrapper p{font-size:12px;line-height:17px}}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:20px;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.36ddec5f.css.map*/