403 Error Page

403-error-page.markdown

403 Error Page

A simple but cool (really, Jeff?) 403 error page.

A Pen by Menglin Chen on CodePen.

License.

index.html

<h1>403</h1>
<h2>Stop right there!</h2>
<h3>Sorry, but you don't have permission to access this page.</h3>
<h4>Think this is a mistake? <a href="#">Contact support.</a></h4>

style.css

@import url('https://fonts.googleapis.com/css?family=Luckiest+Guy|Oswald');

body {
  background-color: hsl(0, 91%,43%);
  width: 98%;
  text-align: center;
  color: white;
  font-family: Oswald;
}
h1 {
  color: white;
  font-size: 200px;
  font-weight: 100;
  margin-top: 25vh;
  margin-bottom: 10px;
  text-decoration: underline;  
  font-family: Luckiest Guy;
}

h2 {
  font-size: 50px;
  margin-top: -10px;
}

h3 {
  font-size: 30px;
}

h4 {
  font-size: 25px;
}

h4 a {
  color: #00fffa;  
}