body,html{font-family:replica;width:100%;height:100%;padding:0;margin:0;letter-spacing:.05em}#render-canvas{width:100%;height:100%;display:block;font-size:0;position:absolute;overflow:hidden;top:0;left:0;z-index:-1}.orange-background{background:#fbad2f;height:auto;color:#fff}.orange-background,.orange-background .step{width:100%;display:flex;flex-direction:column;align-items:center}.orange-background .step{height:100vh;height:calc(var(--vh, 1vh)*100);justify-content:center}.orange-background .arrow{position:relative;background:#fff;height:50px;width:10px}.orange-background .arrow .head{position:absolute;bottom:-40px;left:-15px;width:0;height:0;border-left:20px solid transparent;border-right:20px solid transparent;border-top:40px solid #fff}.orange-background p{font-size:2.1em;margin-bottom:3em;width:calc(100% - 2em)}#menu{position:fixed;z-index:2;top:20px;left:20px}.card{background:#fff;width:calc(100% - 6em);margin-bottom:1.5em;height:auto;padding:1em;overflow:hidden}.card>p{color:#fbad2f;margin:0 0 .5em;font-weight:700;font-size:1.5em}.card>.container-3d>img,.card>img{width:100%}.card>.button{font-size:1.25em;background:#ccc;color:#fff;float:right;padding:.3em 1em;font-weight:700}.card .button-orange{background:#fbad2f}.circle-button{position:fixed;border-radius:50%;z-index:10;width:5em;height:5em;display:flex;flex-direction:column;justify-content:center;align-items:center}.next-button{background:#fbad2f;bottom:1em;right:1em}.next-button .arrow-right{width:0;height:0;margin-right:-5px;border-top:20px solid transparent;border-bottom:20px solid transparent;border-left:35px solid #fff}