body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#212933;box-sizing:border-box;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}.App{height:97vh;text-align:center;width:98vw}.container{position:relative}.center{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.orange{color:#ffa600}.logo{color:#ffa600;left:0;margin-left:1.5rem;z-index:1}.logo,.nav{position:absolute;top:0}.nav{margin:1rem;right:0;z-index:99}.ar-canvas{left:0;position:absolute;top:0;z-index:0}.video-container{position:fixed}.big-video,.video-container{height:100%;left:0;object-fit:cover;top:0;width:100%}.big-video{z-index:1}.small-video{border-radius:5px;margin:.5rem;position:absolute;right:0;width:40vw;z-index:3}.sketchpad{position:absolute;z-index:2}.end-call{bottom:1rem;right:1rem;z-index:4}.save-step{bottom:1rem;right:6rem;z-index:5}.button{background-color:initial;border:1px solid #fff;border-radius:.3rem;box-shadow:1px 1px 2px .9 #000;color:#b9c1c9;color:#fff;cursor:pointer;font-weight:600;opacity:.3;padding:.5rem;position:absolute;transition:all .3s ease-in-out}.button:hover{box-shadow:1px 1px 2px 1 #000;opacity:.5}.button:active{box-shadow:1px 1px 2px 1 #2d3b4c;opacity:.8}.input{border-radius:.2rem;color:#fff}.input:hover{outline:1px solid #252f3a}.input:focus{outline:1px solid orange}.modal{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#252f3a;border-radius:.3rem;box-shadow:1px 1px 2px .9 #000;left:50%;padding:1.5rem;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:30rem;z-index:100}.image-stack-container{bottom:3.7rem;left:1rem;position:absolute;width:5rem;z-index:4}.image-stack-image{border-radius:.3rem;box-shadow:1px 1px 2px .9 #000;left:0;position:absolute;top:0;transition:all .3s ease-in-out;width:5rem}.image-stack-container:hover #image-3{-webkit-transform:rotate(-4deg) translate(100px,-3px) scale(1.2);transform:rotate(-4deg) translate(100px,-3px) scale(1.2)}.image-stack-container:hover #image-2{-webkit-transform:rotate(-2deg) translate(50px,-3px) scale(1.15);transform:rotate(-2deg) translate(50px,-3px) scale(1.15)}.image-stack-container:hover #image-1{-webkit-transform:scale(1.1);transform:scale(1.1)}.modal-image{border-radius:1rem;width:50rem;width:100%}
/*# sourceMappingURL=main.5dfa2335.css.map*/