CINXE.COM
403 Forbidden
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>403 Forbidden</title> <style type="text/css">@import url(https://fonts.googleapis.com/css?family=Lato);*,.luyongabg{position:relative}.dipwede h1,.luyongabg p{text-transform:uppercase}*{margin:0;padding:0;box-sizing:border-box;font-family:Lato,sans-serif}body{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#00abec}h1,p{font-family:"Segoe UI Light";text-align:center;color:#fff}.dipwede{border-radius:5px;width:55px;height:45px;background-color:#fff;animation:1s 1.5s dip}.dipwede::after,.dipwede::before{content:"";position:absolute;border-left:5px solid #fff;height:20px;width:15px;left:calc(50% - 13px)}.dipwede::before{top:-30px;border:5px solid #fff;border-bottom-color:transparent;border-radius:15px 15px 0 0;height:30px;animation:3s lock,2s spin}.dipwede::after{top:-10px;border-right:5px solid transparent;animation:2s spin}.luyongabg{color:#fff;width:280px;height:280px}.luyongabg p{margin-top:100px}.dipwede h1{margin:40px 0 0 -50px}.luyongabg::before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-repeat:no-repeat;background-position:bottom bottom;opacity:.2;z-index:-1}@keyframes lock{0%,65%{top:-45px}100%{top:-30px}}@keyframes spin{0%{transform:scaleX(-1);left:calc(50% - 30px)}65%{transform:scaleX(1);left:calc(50% - 12.5px)}}@keyframes dip{0%,100%{transform:translateY(0)}50%{transform:translateY(10px)}}</style> </head> <body> <div class="dipwede"><h1>Forbidden<br /> Resource</h1></div> <div class="luyongabg"><p>You are not authorized to access this resource. If you believe this is an error, please contact the administrator.</p></div> <p>Outside PH access is currently restricted!</p> </body> </html>