body{width:100vw;height:100vh;margin:0;padding:0;overflow:hidden}.container{width:100vw;height:100vh;background-color:#e92931;display:flex;justify-content:center;align-items:center;flex-direction:column;position:relative;overflow:hidden}.stop-yellow,.stop-black{transition:all 2s ease-in-out}.cls-1{stroke:#fff;stroke-width:3px}.cls-2{fill:#fff}.button_press{width:500px;height:115px;background-color:#009ffd;border-radius:125px;border:none;color:#fff;font-size:50px;font-weight:700;cursor:pointer;transition:all .5s;margin-top:50px}.button_press:hover{background-color:#fff;color:#009ffd}.key-wrapper{position:relative;width:400px;height:auto}.key-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.key-svg.base [fill=yellow],.key-svg.base [fill="#FFFF00"],.key-svg.yellow-overlay [fill=black],.key-svg.yellow-overlay [fill="#000000"]{display:none}.key-svg.yellow-overlay{transition:clip-path .5s ease}@media screen and (max-width: 768px){.button_press{width:300px;height:80px;font-size:30px;border-radius:80px;margin-top:30px}.stop-yellow{height:auto!important}}@media screen and (max-width: 468px){.button_press{width:200px;height:60px;font-size:18px;border-radius:80px;margin-top:20px}}.video_component{position:relative;width:100%;height:100vh;overflow:hidden;background-color:#e82931;z-index:-1}.video_bg_wrapper{position:fixed;top:-25px;left:0;width:100%;height:120%;pointer-events:none;overflow:hidden;z-index:-1}.video_bg{width:105vw;height:115vh;object-fit:contain}.video_overlay{position:relative;z-index:1;width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff;text-shadow:0 0 10px rgba(0,0,0,.7)}.door_left_img{position:absolute;top:0;left:0;width:50%;height:100%}.door_right_img{position:absolute;top:0;right:0;width:59%;height:100%}.door_left,.door_right{height:100vh}.door_left_img.open{animation:doorOpenLeft 3s forwards}.door_right_img.open{animation:doorOpenRight 3s forwards}@keyframes doorOpenLeft{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes doorOpenRight{0%{transform:translate(0)}to{transform:translate(100%)}}@media screen and (max-width: 768px){.video_bg{object-fit:cover}}