404.html

<!DOCTYPE html>
<html lang="en">
	<head>
		<title>Page not found</title>
        <meta name="description" content="ECSIM (Electrochemistry Simulation Tools)">
        <meta property="og:title" content="ECSIM">
        <meta property="og:site_name" content="http://www.ecsim.site">
        <meta property="og:description" content="ECSIM (Electrochemistry Simulation Tools)">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
        <style>
            @font-face {
            font-family: "baloo";
            src: url("http://www.ecsim.site/fonts/Baloo.ttf");
            }
        body{
            font-family: "baloo";
        }
        .return p{
            font-size: 40px;
            font-weight: 600;
        }
        .return a{
            font-size: 30px;
            text-decoration: none;
            border: 4px solid red;
            color: red;
            padding: 4px;
            cursor: pointer;
            transition: 0.3s;
            margin: auto;
        }
        
        .return a:hover{
            opacity: 0.4;
        }
        .Error-page{
            
            text-align:center;
            margin: auto;
            margin-top:5%;
        }
        img{
            width: 400px;
            height: 400px;
            opacity: 0.7;
        }
            #particles-js{
    position: relative;
    width: 100%;
    height: 100%;
    background-color: white;
    background-image: url('');
    background-size: cover; 
    background-repeat: no-repeat;
  }
            .siteWrapper {
            position: fixed;
            overflow: auto;
            width: 100%;
            height: 100%;
}
        @media all and (max-width: 1024px) {
            img{
                width: 250px;
                height: 250px;
            }
            
            
        }
    </style>
		
</head>
     
	<body>
        <div id="particles-js">
          <div class="siteWrapper">
        <div class="Error-page" >
		<img src="http://www.ecsim.site/images/ecsim_logo.png" alt="ECSIM LOGO">
        <br/>
        <div class="return">
            <p style="font-size:30px; text-decoration:None;">Page Not Found</p>
            <a href="http://www.ecsim.site">Back</a>
         </div>   
        </div>
             </div>
    </div>
         
    <script src="http://www.ecsim.site/js/particles.js"></script>
    <script src="http://www.ecsim.site/js/app.js"></script>
         
	</body>
    

</html>