*{
margin: 0;
padding: 0;
text-align: center;
font-family: sans-serif;
text-decoration: none;
}
li{list-style:  none;}
a{text-decoration: none;}
.outer{
height: 100vh;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
  
background: radial-gradient(circle, rgba(236,252,203,1) 43%, rgba(252,231,243,1) 100%);
}
h1, a{
margin: 0;
padding: 0;
text-decoration: none;
}
.outer .error{
font-size: 150px;
color: #008B62;
    
}
h1{  background: url("../images/code.jpg");
  background-size: cover;
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(15, 40, 200, 0.2);
  color: rgba(15, 100, 160, 0.8);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);}
.page{
margin: 0 0 1em 0;
font-size: 20px;
font-weight: 600;
color: #444;
}

.back-home{
    display: inline-block;
    border: 2px solid #6b7e43;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    padding: 0.75rem 1rem 0.6rem;
    transition: all 0.2s linear;
    box-shadow: 0 15px 15px -11px rgba(0, 0, 0, 0.4);
    background: #586639;
    border-radius: 6px;
}
.back-home:hover{
background: #222;
color: #ddd;
}