@import"https://fonts.googleapis.com/css2?family=Poppins:wght@700&display=swap";body{padding:0;margin:0}.err404-wrap{position:relative;overflow:hidden;border-radius:12px;background-color:#dfaa4e;background-image:linear-gradient(147deg,#fdaa4e 25%,#fac07e 50%,#dfaa4e 80%);min-height:60vh;display:flex;align-items:center;justify-content:center;font-family:Poppins,sans-serif;z-index:0}.err404-main{width:100%;height:100%;display:flex;justify-content:center;align-items:center;pointer-events:none}.err404-main h1{font-size:clamp(64px,12vw,140px);margin:0}.err404-main h1.X{width:110px;margin:0 2rem;display:flex;justify-content:center;align-items:center}.caution__tape.text{width:200%;height:10px}.caution__tape.text:nth-child(1){transform:rotate(45deg)}.caution__tape.text:nth-child(2){transform:rotate(-45deg)}.err404-bg{position:absolute;inset:0;overflow:hidden;pointer-events:none}.caution__tape{position:absolute;width:115%;height:40px;background:linear-gradient(#ffb700,#ffc600);color:#0a0a0a;display:flex;align-items:center;justify-content:space-around;font-weight:800;box-shadow:0 0 15px #0a0a0a4d;border:1px rgba(0,0,0,.9) solid;z-index:0}.caution__tape.center{bottom:15%;transform:scale(1.2) rotate(5deg);animation:show_tape_center .5s cubic-bezier(.18,.89,.32,1.28) both}.caution__tape.left{top:10%;left:-20%;transform:rotate(-45deg);animation:show_tape_left .5s cubic-bezier(.18,.89,.32,1.28) both}@keyframes show_tape_left{0%{top:0}}@keyframes show_tape_center{0%{bottom:0}}@media (max-height: 420px){.caution__tape.center{display:none}}@media (max-width: 768px){.caution__tape{width:140%}.caution__tape.left{left:-35%}}