body { margin: 0;padding: 0;background: #353739;font-family: Arial, sans-serif }
/* Preserve the desktop card size while fitting narrow screens. */
.alert-box { box-sizing: border-box;position: relative;margin: 40px auto 0;padding: 10px 20px 22px;border-radius: 10px 10px 10px 10px;background: #202122;box-shadow: 5px 9px 30px rgba(0,0,0,0.8);width: calc(100% - 24px);max-width: 326px;color: #fff;text-align: center;overflow-wrap: anywhere }
.alert-box p { margin: 0 }
.alert-body { margin: 20px 0 }
.alert-concent { margin: 10px 0 14px;color: #7B7B7B;font-size: 18px }
.alert-concent p { line-height: 27px }
.alert-btn { display: block;border-radius: 10px;background-color: #d47a04;height: 55px;line-height: 55px;width: 100%;color: #fff;font-size: 20px;text-decoration: none;letter-spacing: 2px;font-weight: 600; }
.alert-btn:hover { background-color: #ff9100 }
.error-code { color: #ff9100;font-size: 64px;margin: 15px 0 }
.error-title { color: #fff;font-size: 23px;line-height: 30px;margin: 15px 0 }

@media (max-width: 360px) {
  .alert-box { margin-top: 24px;padding-right: 16px;padding-left: 16px }
}