.my404body{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#000;color:#ffb43e;margin:0;padding:20px;direction:rtl}.my404container{text-align:center;padding:40px 60px;background:rgba(255,255,255,.05);backdrop-filter:blur(15px);border-radius:35px;border:1px solid rgba(255,255,255,.1)}.my404container h1{font-size:10rem;margin-bottom:20px;color:#ffb43e;text-shadow:2px 2px 10px rgba(0,0,0,.6)}.my404container p{font-size:1.8rem;margin-bottom:35px;color:#ffb43e;text-shadow:1px 1px 8px rgba(0,0,0,.5);text-align:center}.my404container a{display:inline-block;padding:15px 35px;background:#ffb43e;color:#000;text-decoration:none;border-radius:10px;font-weight:700;transition:all .3s ease}.my404container a:hover{background:#e6a832;transform:translateY(-4px) scale(1.07)}@media (max-width:1200px){.my404container h1{font-size:8rem}}@media (max-width:992px){.my404container h1{font-size:6rem}.my404container p{font-size:1.5rem}.my404container{padding:30px 40px}}@media (max-width:768px){.my404container h1{font-size:5rem}.my404container p{font-size:1.3rem}.my404container{padding:25px 30px}.my404container a{padding:12px 25px}}@media (max-width:480px){.my404container h1{font-size:4rem}.my404container p{font-size:1.1rem}.my404container{padding:20px 20px}.my404container a{padding:10px 20px;font-size:.9rem}}