@import"https://fonts.googleapis.com/css2?family=Amita:wght@400;700&family=Merienda:wght@300;400;700&family=Poppins&family=Syne:wght@400;700&display=swap";.button{width:220px;height:55px;background-color:#000;border-radius:50px;position:relative;overflow:hidden}.button:hover{cursor:pointer}.button-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;animation-duration:.5s;animation-timing-function:cubic-bezier(.075,.82,.165,1);animation-fill-mode:forwards}@keyframes outText{0%{opacity:1}to{opacity:0}}@keyframes inText{0%{opacity:0}to{opacity:1}}.button-box{width:11px;height:11px;background:linear-gradient(180deg,#f4bf29,#a57002);position:absolute;z-index:2;top:50%;left:calc(50% - 150px);transform:translate(-50%,-50%);animation-duration:3s;animation-timing-function:cubic-bezier(.075,.82,.165,1);animation-fill-mode:forwards}.box-line{width:100%;height:1px;background-color:#a37204;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes boxAnim{0%{left:calc(50% - 100px)}35%{left:calc(50% - 75px)}85%{left:calc(50% + 0px);background:linear-gradient(180deg,#f4bf29,#a57002)}90%{background:none;display:none}}.button-truck{width:120px;height:35px;position:absolute;z-index:10;top:50%;right:calc(50% - 430px);transform:translate(-50%,-50%);display:flex;animation-duration:3.5s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}@keyframes truckAnim{0%{right:calc(50% - 430px)}25%{right:calc(50% - 130px)}50%{right:calc(50% - 130px)}75%{right:calc(50% - 100px)}to{right:calc(50% - 430px)}}.truck-bed{width:75%;height:100%;background:linear-gradient(180deg,#0c3775,#03132f);border-radius:5px}.truck-mid{width:1%;height:50%;transform:translateY(50%);background-color:#da210a}.truck-cabin{width:20%;height:95%;transform:translateY(2.5%);background-color:#da210a;border-top-right-radius:5px;border-bottom-right-radius:5px}.truck-windshield{width:50%;height:70%;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#000;border-top-right-radius:3px;border-bottom-right-radius:3px;position:absolute;overflow:hidden}.windshield-line-1{margin-top:7px;margin-left:-2px;width:130%;height:1.2px;background-color:gray;transform:rotate(30deg);top:50px}.windshield-line-2{margin-top:3px;margin-left:-2px;width:130%;height:1.3px;background-color:gray;transform:rotate(30deg);top:50px}.headlight-1{width:.8px;height:8px;background-color:#fcf39f;right:0;top:15%;position:absolute}.headlight-2{width:.8px;height:8px;background-color:#fcf39f;right:0;bottom:15%;position:absolute}.lines{display:flex;width:120%;height:1px;position:absolute;gap:6px;z-index:1;top:50%;border:none;animation-duration:1.4s;animation-timing-function:ease-in-out;animation-fill-mode:forwards;animation-delay:2s}.left-lines{display:flex;width:40%;justify-content:space-between;animation-duration:.4s;animation-timing-function:ease-in-out;animation-fill-mode:forwards;animation-delay:2s;opacity:0}.right-lines{display:flex;width:60%;justify-content:space-between;animation-duration:.4s;animation-timing-function:ease-in-out;animation-fill-mode:forwards;animation-delay:1.5s;opacity:0}.line{width:4px;height:100%;background-color:#fff}@keyframes moveLeft{0%{transform:translate(0)}60%{transform:translate(-19%,-50%);opacity:1}to{transform:translate(-19%,-50%);opacity:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInOut{0%{opacity:0}30%{opacity:1}70%{opacity:1}to{opacity:0}}.order-text{position:absolute;white-space:nowrap;top:50%;left:50%;transform:translate(-50%,-50%);animation-timing-function:ease-in-out;animation-fill-mode:forwards;animation-duration:.8s;animation-delay:3.1s;opacity:0}.headlight-glow-1{width:0;border-bottom:3px solid transparent;border-top:3px solid transparent;border-right:12px solid #c1cb37a6;height:8px;top:3px;position:absolute;right:-7px;opacity:0;animation-duration:.5s;animation-timing-function:ease-in-out;animation-fill-mode:forwards;animation-delay:1.6s}.headlight-glow-2{width:0;border-bottom:3px solid transparent;border-top:3px solid transparent;border-right:12px solid #c1cb37a6;height:8px;top:18px;position:absolute;right:-7px;opacity:0;animation-duration:.5s;animation-timing-function:ease-in-out;animation-fill-mode:forwards;animation-delay:1.6s}@keyframes lightAnim{0%{opacity:0}to{opacity:1}}:root{font-family:Poppins,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{box-sizing:border-box;margin:0;padding:0}