-
Notifications
You must be signed in to change notification settings - Fork 0
/
403.html
25 lines (25 loc) · 2.93 KB
/
403.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge" />
<title>403 - forbidden</title>
<style type="text/css">
*{margin:0;padding:0}html{width:100%;height:100%}html>body{background:#3a6e8f;font-size:1em;font-family:Verdana,Arial,sans-serif;font-weight:400;width:100%;height:100%;color:#000;display:flex;align-items:center;justify-content:start}html>body>.container{display:flex;align-items:center;justify-content:start;background:#eff2ec;width:100%;transform:rotate(-3deg) skewX(-3deg);box-shadow:2px 2px 10px 1px rgba(0,0,0,.14)}@media screen and (max-width: 500px){html>body>.container{background:#eff2ec;box-shadow:none;transform:rotate(-3deg) skewX(-3deg)}}html>body>.container>.content{margin:0 auto;width:60%;padding:4rem 0}@media screen and (min-width: 501px)and (max-width: 1300px){html>body>.container>.content{padding:3rem 0;width:80%}}@media screen and (max-width: 500px){html>body>.container>.content{padding:2rem;width:calc(100% - 4rem)}}html>body>.container>.content>h1{font-size:1.25em;font-weight:400;text-transform:uppercase;letter-spacing:1px}@media screen and (min-width: 501px)and (max-width: 1300px){html>body>.container>.content>h1{font-size:1rem}}@media screen and (max-width: 500px){html>body>.container>.content>h1{font-size:.9rem}}html>body>.container>.content>p{display:block;margin:1.95rem 0 0;font-size:2.25rem;font-weight:500;text-transform:uppercase;letter-spacing:2px}@media screen and (min-width: 501px)and (max-width: 1300px){html>body>.container>.content>p{margin:1.25rem 0 0;font-size:1.8rem}}@media screen and (max-width: 500px){html>body>.container>.content>p{margin:1rem 0 0;font-size:1.35rem}}html>body>.container>.content>a{display:block;margin:1.9rem 0 0 .5rem;font-size:.85em;font-weight:500;color:#3a6e8f;text-decoration:none;text-transform:uppercase;letter-spacing:2px}@media screen and (min-width: 501px)and (max-width: 1300px){html>body>.container>.content>a{margin:1.25rem 0 0;font-size:.7em}}@media screen and (max-width: 500px){html>body>.container>.content>a{margin:1rem 0 0;font-size:.55em}}html>body>.container>.content>div.internal{position:absolute;bottom:0;right:0;color:#8f8f8f;font-size:.55em;padding:0 10px 6px 0}html>body>.container>.content>div.internal a{color:#999;text-decoration:none}html>body>.container>.content>div.internal a:hover{color:#000}
</style>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="robots" content="noindex">
</head>
<body>
<div class="container">
<div class="content">
<h1>403 - forbidden</h1>
<p>Access denied!</p>
<a href="/">go to startpage</a>
<div class="internal">
<a href="https://hemk.es/" title="made by turbopixel">designed by turbopixel</a>
</div>
</div>
</div>
</body>
</html>