/* || Tags */

@font-face {
	font-family: "ARLRDBD";
	src: url("ARLRDBD.ttf");
  }

* {
	box-sizing: border-box;
	font-family: "ARLRDBD", "Arial Rounded MT Bold", sans-serif;
}

a {
	color: #000;
	font-display: normal;
}

a:link {
	text-decoration: none;
}

a:visited {
	color: #000;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a:active {
	text-decoration: underline;
}

article {
	margin-bottom: 5vw;
} 

body {
	display: flex;
	flex-direction: column;
}

figure {
	justify-content: center;
	max-width: 100%;
	text-align: center;
}

h3 {
	text-align: center;
}

header {
	display: flex;
	flex-direction: row;
	margin-bottom: 4rem;
	width:100%
}

html,
body {
	background-color: #FFF;
	height: 100%;
	height: 100vh;
	height: -webkit-fill-available;
	margin: 0;
	padding: 0;
	min-height: 100vh;
}

label {
	border:1px solid black;
}

li {
	margin-bottom: 1vw;
}

main::-webkit-scrollbar {  display: none;}

main {
	display: flex;
	flex: 1 0 auto;
	flex-grow: 1;
	grid-area: main;
	max-height: 100%;
	max-width: 100%;
}

nav {
	height: 100%;
	text-align: right;
	width:50%;
}

section {
	display: flex;
	flex-direction: column;
	height:100%;
	justify-content:center;
    max-width: 100%;
    width: 100%;
}

ul {
	list-style:none;
	margin: 0;
	padding: 0;
}

/* || Classes */

.blurb {
	text-align: center;
}

.wrapper {
	display: grid;
	grid-template-rows: auto 1fr auto;
	grid-template-columns: 100%;
	grid-template-areas:
		'header'
		'main'
		'footer'; 
	min-height: 100vh;
	height: -moz-available;          /* WebKit-based browsers will ignore this. */
    height: -webkit-fill-available;  /* Mozilla-based browsers will ignore this. */
    height: fill-available;
	padding:5vw;
	width: 100%;
}

.wrapper>* {
	padding: 0;
}

/* || Images */

.logo {
	max-height: 100%;
}

.project {
	margin:0;
	max-height: 100%;
    max-width: 100%;
	width: 100%;
	padding:0;
}

.terminal {
	height:100%;
	margin:0;
	padding: 0;
	width: 100%;
	max-width:50%;
}