<!DOCTYPE html>
<html lang="en"><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <title>Login</title>
    <link rel="stylesheet" href="/static/css/main.css">
    <script src="/static/js/main.js"></script>
</head>
<body>
    <div class="headerbar">
        <a class="a" href="/">CTAMail</a>
        <a class="a" href="/signup">Sign up</a>
        <a class="main a" href="/account">Account</a>
        <button class="a right" onclick="toggleDarkMode()">Toggle Theme</button>
    </div>
    <div class="content">
        <h1>Login to your Email Account</h1>
        <label>Username</label>
	    <div class="spacer">
            <input type="text" id="username" required="">
	    </div>
        <br>
	    <div class="Password">
            <label>Password</label>
	        <div class="spacer">
                <input type="password" id="password" required="">
	        </div>
	    </div>
        <br>
        <button class="button" onclick="login()">Login</button>
    </div>
</body></html>
