<!DOCTYPE html>
<html>
<head>
    <title>Page Not found </title>
</head>
<style type="text/css">
    body{
        margin:0px;
        color:#707070;
          font-family: segoe ui;
         
    }
    h1{
        font-size: 168px;
        margin-bottom:0px;
          font-family: cursive;
    }
    h3{
        font-size: 26px;
        text-transform: uppercase;
        margin: 0px;
        font-family: monospace;
        letter-spacing: 18px;
    }
    p{
     
       font-size: 25px;
       word-spacing: 7px;
       letter-spacing: 3px;
    }
    .main{
        display: table;
        width: 100%;
        height: 100%;
        text-align: center;
    }
    .main-text{
        display: table-cell;
        height: 100%;
        vertical-align: middle;
    }
    a{
        margin-top: 1%;
        text-decoration: none;
        padding: 10px;
        background: #288890;
        font-size: 16px;
        color:white;
        border-radius: 4px;
    }
</style>
<body>
    <div class="main">
        <div class="main-text">
               <h1>404</h1>
               <h3>Page Not found</h3>
               <p>Looks like the page you 're trying to visit  doesn't exist.<br>
               Please check the URL And try your luck again </p>

              <a href="">Home</a>
        </div>
     
    </div>
</body>
</html>