#root{padding-top:2rem;text-align:center;margin-right:auto;margin-left:auto;display:flex}button:hover{cursor:pointer}a{color:#000;text-decoration:none}a:hover{cursor:pointer}.frameCollections{display:flex;flex-direction:column;gap:25px}.frameCollection{width:13em;height:8em;background-color:#ffd2e2;color:#d85f8b;border:2px solid #D85F8B;border-radius:20px;font-size:1.5rem;font-weight:700;letter-spacing:.1em;justify-content:center;align-items:center;text-align:center;background-size:cover}.photoboothContainer h3{font-size:1.8rem;font-weight:400;letter-spacing:.2em;margin-top:4em}.photoboothContainer a{margin-top:-1em;margin-bottom:1.5em;color:#d85f8b;font-size:1.2rem}.photoboothContainer{width:100%;place-items:center;display:flex;flex-direction:column}.frameSelection img{width:10rem}.photoStrip img{width:65%}.frameSelection{display:flex;flex-direction:row;gap:40px;justify-content:center}.frame{display:flex;flex-direction:column;place-items:center}.photoStrip h3{font-size:1.5em;margin-top:5em}.photoStrip button{width:10rem;color:#d85f8b;font-size:1.2rem;border-color:#fdb5cf;border-width:2px;background-color:#fff;border-style:solid;border-radius:20px;letter-spacing:.2rem;margin-bottom:1.5em;padding-left:1em;padding-right:1em}.photoStripButtons{display:flex;flex-direction:row;gap:15px}.selectButton{width:10rem;color:#d85f8b;font-size:1.5rem;border-color:#fdb5cf;border-width:2px;background-color:#fff;border-style:solid;border-radius:20px;margin-top:20px;letter-spacing:.2rem}.confirmBtn{width:10rem;color:#d85f8b;font-size:1.5rem;border-color:#fdb5cf;border-width:2px;background-color:#fff;border-style:solid;border-radius:20px;letter-spacing:.2rem;margin-top:2em}.confirmBtn:hover,.photoStrip button:hover{cursor:pointer;background-color:#fdb5cf34}.confirmBtn:disabled{background-color:#ccc;cursor:not-allowed;opacity:.4;color:#000;border-color:#000}.cameraBtn:disabled{background-color:#ccc;cursor:not-allowed;opacity:.4;color:#000;border-color:#000}.selectButton:hover{cursor:pointer;background-color:#fdb5cf34}.prompt{letter-spacing:.2em;font-size:1.2rem;margin-top:2em}.photoCount{letter-spacing:.2em;font-size:1.2rem;margin-top:1.5em}.cameraBtnContainer{place-items:center;width:89%;position:absolute;bottom:1.5em;left:50%;transform:translate(-50%)}.cameraBtn{background-color:#fdb5cf;border-style:solid;border-color:#000;border-width:1px;border-radius:40px;color:#000;padding-left:.5em;padding-right:.5em;padding-top:.2em;font-size:2.2rem}.capturedPhotos button{width:fit-content;border-style:solid;border-width:2px;border-color:#000;background-color:none;padding:0}.capturedPhotos img{margin-bottom:-.2em;width:30em}.selectPhotoContainer{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%}.capturedPhotos{width:100%;display:grid;grid-template-columns:repeat(2,1fr);gap:20px;padding:10px}.cameraBtn:hover{cursor:pointer}.webcamContainer{border-style:solid;border-width:2px;position:relative;width:85%}.timer{position:absolute;top:10%;margin-top:-.5em;right:0;transform:translate(-50%);font-size:3.5rem;font-weight:700;color:#fff;text-shadow:2px 2px 8px rgba(0,0,0,.8);z-index:10}.webcamContainer{position:relative;width:700px;height:450px;overflow:hidden;display:flex;justify-content:center;align-items:center;background:#000;border:2px solid black}.webcamContainer video{width:100%;height:100%;object-fit:cover}.photoStrip{display:flex;flex-direction:column;place-items:center}.flipCamBtn{display:none}@media screen and (max-width: 800px){.capturedPhotos{display:flex;flex-direction:column;place-items:center}.selectPhotoContainer{align-items:center}.photoStrip img{width:75%}}@media screen and (max-width: 900px){.webcamContainer{width:490px;height:315px;overflow:hidden;position:relative}.cameraBtn{font-size:1.8rem}}@media screen and (max-width: 600px){.webcamContainer{width:350px;height:225px;overflow:hidden;position:relative}.cameraBtn{font-size:1.8rem}.flipCamBtn{display:block}}.navbarContainer{display:flex;width:65vw;justify-content:space-between;background-color:#fdb5cf;border-radius:40px;padding-left:3em;padding-right:3em;padding-bottom:.25em;vertical-align:center;position:fixed;left:0;right:0;margin:auto;z-index:3}.logo h1{font-size:1.3rem;font-weight:400;letter-spacing:.2em}.logo{display:flex;flex-direction:column;justify-content:center}.navItems{width:50%;display:flex;gap:30px;padding:23px 0;letter-spacing:.15em;justify-content:right}.mobileNav{display:none;bottom:0}@media screen and (max-width: 800px){.navItems{display:none}.mobileNav{display:flex;flex-direction:column}.hamburger{font-size:1.8rem;margin-top:15px;left:0;margin-left:auto}.hamburger:hover{cursor:pointer}.mobileNavItems{display:flex;flex-direction:column;gap:10px;text-align:right;background-color:#fdb5cf;padding-top:1em;left:0;justify-content:center;padding-bottom:1.2em}.mobileNavItems a{font-size:1.2rem;width:100%}.logo{display:block}}.landingContainer{margin-top:10em;width:70vw;display:flex;flex-direction:column;gap:3em;place-items:center;text-align:left}.heroRight h1{font-weight:bolder;font-size:2.3rem;line-height:1.3em}.heroRight{margin-top:-2em}.hero{display:flex;justify-content:space-between;width:60vw;gap:50px}.hero img{width:25vw}.heroRight{width:70%}.cta h1{font-weight:500;line-height:1.3em;font-size:1.6rem;text-align:center}.steps h1{font-weight:500;font-size:1.6rem;text-align:center}.steps{display:flex;flex-direction:column;padding:70px 0}.step p{font-size:1.4rem}.stepImages{gap:30px;display:flex;width:70vw;margin-top:1em}.stepImages img{width:30rem}.hero p{font-size:1.2em}.hero button{background-color:#fdb5cf;border-style:none;border-radius:40px;color:#000;padding:.3em .5em;font-size:1.8rem;margin-top:.5em;letter-spacing:.1em;width:100%}.cta button{background-color:#fdb5cf;border-style:none;border-radius:40px;color:#000;padding:.3em .5em;font-size:1.6rem;letter-spacing:.1em;width:100%}@media screen and (max-width: 1400px){.hero{display:flex;flex-direction:column;place-items:center;text-align:center}.heroRight{width:53vw}.hero img{width:65%}.stepImages{flex-direction:column;place-items:center}}@media screen and (max-width: 700px){.hero{display:flex;flex-direction:column;place-items:center;text-align:center}.heroRight{width:80vw}.hero h1{font-size:1.8rem}.hero button{font-size:1.6rem}.stepImages img{width:80vw}}@media screen and (max-width: 900px){.hero{width:100vw}}@media screen and (max-width: 800px){.landingContainer{margin-top:7em}}.footerItems{display:flex;flex-direction:row;gap:20px;width:100%;justify-content:center}.footerItems a{font-size:1.3rem}.footerContainer{padding-top:2em;padding-bottom:2em;margin-top:6em}.footerContainer p a{color:#df83a4;font-weight:700;text-decoration:underline}.privacyContainer,.contactContainer{margin-top:7em;text-align:left;width:50vw}@media screen and (max-width: 1100px){.privacyContainer{width:70vw}}.contactContainer h1{margin-bottom:-.5em}.contactContainer{margin-top:6em}.contactContainer p{font-size:1.1rem}.contactContainer{justify-content:left;display:flex;flex-direction:column}.contactContainer input{background-color:#fff;color:#000;font-size:18px;margin-top:10px;border-radius:10px;padding-left:1em;padding-top:.5em;padding-bottom:.5em;border-style:none}.contactContainer form{display:flex;flex-direction:column;height:70%;justify-content:space-between;align-items:left}.contactContainer input,.contactContainer textarea{width:100%;box-sizing:border-box;background-color:#fff;color:#000;font-size:18px;border-radius:10px;padding:.5em 1em;border:none;margin-top:10px;border-width:1px;border-color:#000;border-style:solid}.contactContainer textarea{padding-top:1em;padding-bottom:1.5em;margin-left:0;height:10em}.message{width:max-content}.contactContainer button{width:100;background-color:#fdb5cf;border-style:none;border-radius:20px;font-size:18px;margin-top:1em;font-size:20px;color:#202020;padding-top:.5em;padding-bottom:.5em}.contactContainer button:hover{cursor:pointer}@media screen and (max-width: 1100px){.contactContainer{width:80vw}}.privacyBannerContainer{margin-top:-2em;display:flex;flex-direction:row;justify-content:center;text-align:center;gap:50px}.privacyBannerContainer a{color:#e97ea6;font-weight:700}.privacyBannerContainer button{color:#000;font-size:1.5em;line-height:.5em;right:0}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#000;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;min-width:320px;min-height:100vh;inset:0;height:100%;width:100%;background-image:linear-gradient(to right,#00000010 1px,transparent 1px),linear-gradient(to bottom,#0000000c 1px,transparent 1px);background-size:23px 23px;z-index:-2}
