@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;
	color: #fff;
}
#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 {
	font-family: inter_tight_regular;
	background-image: url('../images/v3/article.png');
	background-repeat: no-repeat;
	background-position: center; 
	--br-clip: 10px;
	--aug-border-bg: linear-gradient(90deg, #ffffff, #121212);
	--aug-border-all:  2px;
	--aug-border-opacity: 0;
}

nav {
	font-family: inter_tight_regular;
	padding: 1px;
	display: inline-table;
	text-align: center;
}

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

.header_container {
	-tl-clip: 20px;
	--aug-border-all:  2px;
	--aug-border-bg: #ffffff;
	--aug-border-opacity: .3;
}

.navbar_container {
	border: 2px;
	border-color: rgba(255,255,255, .2);
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	background-image: url('../images/v3/nav.png');
	padding-top: 3px;
	padding-bottom: 6px;
}

.article_container {
	
	-bl-clip: 20px;
	--aug-border-all:  2px;
	--aug-border-bg: #ffffff;
	--aug-border-opacity: .3;
	
}

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

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

.nav-v2
{
	--aug-br: 10px;
	--aug-tr: 10px;
	position: fixed;
	bottom: 50%;
	width: 50px;
	height: 125px;
	background-image: url('../images/v3/nav_v2.png');
	background-size: 50px 125px;
	background-position: center;
	opacity: .3;
}
.nav-v2:not(:hover),
      .nav-nodropdown:not(:hover) a {
		--aug-border-bg: linear-gradient(90deg, #ffffff, #121212);
		--aug-inlay-bg: rgba(100,100,100,.5);
		--aug-border-all:  2px;
		--aug-border-opacity: 0;
		--aug-inlay-all: 0px;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 10px;
        padding-bottom: 10px;
        margin-top: 0px;
        margin-bottom: 0px;
		margin-right: 2px;
		margin-left: 2px;
        font-size:16px; 
 		text-decoration:none;
        color: #FFFFFF;
        opacity: .3;
        transition: padding-top .7s, padding-bottom .7s, color .5s, padding-left .5s, opacity .5s;
        
				

      }
	  
.nav-v2:hover,
      .nav-nodropdown:hover a {
		--aug-border-bg: linear-gradient(0deg, #ffffff, #121212);
		--aug-inlay-bg: rgba(255,255,255, .5);
		--aug-border-all:  2px;
        --aug-border-opacity: .5;
		--aug-inlay-all: 0px;
		opacity: 1;
        color: black;
        padding-left: 10px;
        padding-right: 15px;
        padding-top: 10px;
        padding-bottom: 15px;
		font-size:16px; 
 		text-decoration:none;
        margin-top: 0px;
        margin-bottom: 0px;
		margin-right: 2px;
		margin-left: 2px;
        transition:  padding-top .7s, padding-bottom .7s, color .5s, padding-left .5s, opacity .5s;
				

      }



.nav-nodropdown
{
	font-family: inter_tight_regular;
	display: inline;
	--aug-br: 10px;
	--aug-tl: 10px;
	margin-top: 0px;
    margin-bottom: 0px;
	margin-right: 2px;
	margin-left: 2px;
}
.nav-nodropdown:not(:hover),
      .nav-nodropdown:not(:hover) a {
		--aug-border-bg: linear-gradient(90deg, #ffffff, #121212);
		--aug-inlay-bg: rgba(100,100,100,.5);
		--aug-border-all:  2px;
		--aug-border-opacity: 0;
		--aug-inlay-all: 1px;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 10px;
        padding-bottom: 10px;

        font-size:16px; 
 				text-decoration:none;
        color: #FFFFFF;
        
        transition: padding-top .7s, padding-bottom .7s, color .5s, padding-left .5s;
        
				

      }
	  
.nav-nodropdown:hover,
      .nav-nodropdown:hover a {
		--aug-border-bg: linear-gradient(0deg, #ffffff, #121212);
		--aug-inlay-bg: rgba(255,255,255, .5);
		--aug-border-all:  2px;
        --aug-border-opacity: .5;
		--aug-inlay-all: 1px;
        color: black;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 10px;
        padding-bottom: 15px;
		font-size:16px; 
 		text-decoration:none;
        transition:  padding-top .7s, padding-bottom .7s, color .5s, padding-left .5s;
				

      }

a{
 text-decoration:none;
 padding:1px;
 color: #fff;
}

.article_links {
 text-decoration:none;
 padding:1px;
 color: #fff;
 text-decoration: underline dotted;
}

.header_text{
 font-family: inter_tight_regular;
 font-size:12px; 
 text-decoration:none;
 padding:1px;
 mix-blend-mode: difference;
 color: #fff;	
 text-align: right; 
 margin-top: 0px;
}

p
{
 text-align: left; 
}


.nav-nodropdown-iterator
{
	font-family: inter_tight_regular;
	display: inline;
	--aug-br: 10px;
	--aug-tl: 5px;
	--aug-l: 5px;
	margin-top: 0px;
  margin-bottom: 0px;
	margin-right: 2px;
	margin-left: 2px;
}

.nav-nodropdown-iterator:not(:hover){
		--aug-border-bg: linear-gradient(#ffffff, #ff0000aa);
		--aug-inlay-bg: rgba(100,100,100,.5);
		--aug-border-all:  2px;
		--aug-border-opacity: 0;
		--aug-inlay-all: 1px;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 10px;
        padding-bottom: 10px;

        font-size:16px; 
 				text-decoration:none;
        color: #FFFFFF;
        
        transition: padding-top .7s, padding-bottom .7s, color .5s, padding-left .5s;
        
				

      }
	  
.nav-nodropdown-iterator:hover{
		--aug-border-bg: linear-gradient(60deg, #00000000, #B500B5);
		--aug-inlay-bg: rgba(255,255,255,.75);
		--aug-border-all:  2px;
    --aug-border-opacity: 1;
		--aug-inlay-all: 1px;
        color: #b500b5;
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 10px;
        padding-bottom: 10px;
		    font-size:16px; 
 		    text-decoration:none;
        transition:  padding-top .7s, padding-right .7s, color .5s, padding-left .5s;
				

      }