<!DOCTYPE html>
<html>
	<head>
		<title>401 - Unauthorized</title>
		<meta charset="utf-8"/>
		<meta content="401 - Unauthorized" property="og:title" />
    	<meta content="#001B29" data-react-helmet="true" name="theme-color"/>
    	<meta name="viewport" content="width=device-width, initial-scale=1">
    	<meta name="twitter:title" content="401 - Unauthorized" />
        <style>
            @import url("https://api.fonts.coollabs.io/css2?family=Atkinson+Hyperlegible&display=swap");
@import url('https://api.fonts.coollabs.io/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap');
html, body{
	padding: 0;
	margin: 0;
	height: 100%;
	font-size: 1.1em;
	background-color: #1e1e2e;
    align-content: center;
    text-align: center;
}
body * {
	color: #cdd6f4;
	font-family: 'Atkinson Hyperlegible', 'Roboto Mono', Arial, sans-serif;
}

a {
	color: #f5c2e7;
}
a:hover {
	color:  #f38ba8;
}
.page {
	display: flex;
	width: 65%;
	margin: 0 auto;
	
	align-items: start;
	padding-top: 3em;
}
.page .content{
	flex-grow: 7;
	padding: 0.25em;
	width: 100%;
}
.page .sidebar {
	flex-grow: 3;
	min-width: 27%; /* this is highly cursed */
	max-width: 40%;

}
.container {
	border-color: #f5c2e7;
	border-width: 2px;
	border-style: solid;
	margin: 1em;
	background-color: #1e1e2e;
	padding: 0.6em;
}
/* time to fix these cursed media queries */
@media only screen and (min-width: 0px) and (max-width: 600px){
	.page {
		width: 100%;
		margin-top: 0;
		flex-direction: column-reverse;
		
	}
	.container {
		margin: 0.5em;
	}
	.sidebar {
		min-width: 95% !important;
		/*max-width: 100% !important;*/
		width: 100% !important;
		
	}
	.content {
		min-width: 95% !important;
		width: 100% !important;
	}
}
@media only screen and (min-width: 600px) and (max-width: 1000px){
	.page {
		margin-top: 0;
		width: 85%;
	}
}

#foxo {
    max-width: 100%;
    height: auto;
}
        </style>
	</head>
	<body>
		<div class="page">
			<div class="content container">
                <h1>401 - Unauthorized!</h1>
                <p>You do not have permission to access this.</p>
				<a href="https://developer.mozilla.org/en-US/docs/Web/HTTP/Status/401">401 Unauthorized - MDN</a>
                <br>
				</div>

			</div>
			
		</div>
	</body>
</html>
<!-- trans rights :3 -->