:root{
	--bg-color-deep-blue-transparent:rgba(0,54,107, .6);
	--bg-color-dark-blue: rgba(19,17,30,1);
	--text-accent-color: rgba(120,204,226, 1);
}

body{
	overflow-x:  hidden;
	font-family: 'Aquire', sans-serif;
	background-color: var(--bg-color-dark-blue);
}

pre{
	color: var(--text-accent-color);
}

.flag{
	position: fixed;
	right: 0;
	margin-right: 1rem;
}
.background{
	z-index: -1;
	width:  100vw;
	height: 100vh;
	position: fixed;
	object-fit: cover;
	top: 0;
	left: 0;
}

.main-text{
	background-color: rgba(0,0,0,.7);
	width: 100vw;
	color: white;
}

.bg-custom-0{
	background-color: var(--bg-color-deep-blue-transparent);
}

.bg-darken{
	background-color: rgba(19,17,30, .8);

}

.bg-transparent{
	background-color: transparent;
}

.min-height-full{
	height: calc(100vh - 6.5rem);
}

.min-width-full{
	width: 100vw;
}

.ui-border-blue{
	--aug-border-bg: rgba(61,159,193,1);
}

.ui-bg-red{
	--aug-inlay-bg: rgba(222, 0, 78, .7); 
}

.ui-border-red{
	--aug-border-bg: rgba(134, 0, 41, 1);
}

.ui-bg-blue{
	--aug-inlay-bg: rgba(3,41,56,.7); 
}

.flag.ui-bg-blue{
	
}

.ui-bg-green{
	--aug-inlay-bg: rgba(8, 62, 18, .7);
}

.ui-border-green{
	--aug-border-bg: rgba(26, 254, 73, 1); 
}