@font-face {
  font-family: ubuntu_regular;
  src: url(../fonts/ubuntu-v19-latin-regular.woff);
}
@font-face {
  font-family: ubuntu_mono;
  src: url(../fonts/ubuntu-mono-v14-latin-regular.woff);
}

@font-face {
  font-family: inter_tight_regular;
  src: url(../fonts/inter-tight-v1-latin-regular.woff);
}

* {
	box-sizing: border-box; 
}

body {
	margin: 0;
	text-align: center;
	background-color: #010001;
}
#main {
	display: flex;
	min-height: 599px;
}

#main > article {
	flex: 1;
}
#main > nav, 
#main > aside {
}
#main > nav {
	order: -1;
}
header, footer, article, aside {
	padding: 1em;
}

article{
	background-image: url('../images/v2/article.png');
	background-repeat: no-repeat;
	height: 500px;
	width: 600px;
  font-family: ubuntu_regular;
  color: #b98ec0;
}

nav {
	background: beige;
	flex: 0 0 20vw;
	padding: 0px;
	max-height: 500px;
	max-width: 200px;
	background-image: url('../images/v2/nav.png');
  font-family: inter_tight_regular;
  color: #b98ec0;
  text-align: left;
}

header {
	height: 100px;
	margin-top: 100px;
	background-image: url('../images/v2/header.png');
	background-repeat: no-repeat;
}

footer {
	font-family: inter_tight_regular;
  color: #b98ec0;
  text-align: center;
} 

.container {
	width: 800px;
	height: 600px;
	margin:0 auto;
	background: RGBA(0,0,0,.3);
}

.nav-nodropdown
{
  
	--aug-tr-clip-x: 25px;
	--bl-clip: 25px;
	--aug-border-bg: linear-gradient(#fc65f2, #330261);
	--aug-inlay-bg: #000000;

}

a{
 font-family: inter_tight_regular;
 font-size:16px; 
 text-decoration:none;
 padding:0px;
 color: #b98ec0;
}

p
{
 text-align: left; 
}