HEX

File: /home/assibfaf/public_html/prox-templates/404.tpl
<!doctype html>
<html lang="en">
    <head>
        <title>Not Found</title>
    </head>
<body> 
    {literal}
    <style type="text/css">
    *{
        transition: all 0.6s;
    }

    html {
        height: 100%;
        font-family: -apple-system,BlinkMacSystemFont,'Segoe UI','Roboto','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','Helvetica Neue',sans-serif;
    }

    body{
        color: #888;
        margin: 0;
        font-family: -apple-system,BlinkMacSystemFont,'Segoe UI','Roboto','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','Helvetica Neue',sans-serif;
    }

    #main{
        display: table;
        width: 100%;
        height: 100vh;
        text-align: center;
    }

    .fof{
        display: table-cell;
        vertical-align: middle;
    }

    .fof h1 {
        max-width: 960px;
        font-size: 50px;
        display: inline-block;
        padding-right: 12px;
        animation: type .5s alternate infinite;
    }

    .fof p {
        max-width: 500px;
        margin: 0 auto;
        font-size: 20px;
        display: block;
        padding-right: 12px;
    }

    @keyframes type{
        from{box-shadow: inset -3px 0px 0px #888;}
        to{box-shadow: inset -3px 0px 0px transparent;}
    }
    </style>
    {/literal}

    <div id="main">
    	<div class="fof">
        	<h1>Oops, Error 404</h1>
            <p>We could not find the requested page. Sorry!</p>
    	</div>
    </div>
</body>
</html>