body
{
	background: linear-gradient(40deg, rgba(0,0,0,1) 0%, rgba(1,1,1,1) 39%, rgba(23,0,0,1) 100%);

	font-family: 'Roboto Mono', monospace;
	margin: 0;
	font-size: 16px;
	overflow-x: hidden;
}

::selection
{
	background: #deb11e;
	color: #101010;
}

::-moz-selection
{
	background: #deb11e;
	color: #101010;
}

.flexbox-container
{
	max-width: 1500px;
	margin-left: auto;
	margin-right: auto;
	
	justify-content: center;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.main-header 
{
	margin-top: 40px;
	padding-bottom: 30px;
	border-bottom: 5px solid black;
}

.header-content 
{
	background: #ddd;
	border-radius: 20px;
	margin: 5px;
	padding: 20px;
	text-align: justify;
	
	-webkit-box-shadow: 0px 10px 13px -7px #000000, 0px 0px 9px 1px #0F0D0C; 
	box-shadow: 0px 10px 13px -7px #000000, 0px 0px 9px 1px #0F0D0C;
}

.header-content h1 
{
	text-align: center;
	font-size: 40px;
	color: #654321;
}

.navbar-text
{
	background: #444;
	padding-bottom: 25px;
	padding-top: 25px;
	border-bottom: 5px solid black;
	-webkit-box-shadow: 0px 10px 13px -7px #000000, 0px 0px 9px 1px #2c2928; 
	box-shadow: 0px 10px 13px -7px #000000, 0px 0px 9px 1px #2c2928;
}

.navbar-text ul
{
	list-style-type: none;
	text-align: center;
	padding: 0;
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-around;
	margin-left: 10px;
	margin-right: 10px;
	width: 100%;
}

.navbar-text ul > li
{
	display: inline-block;
	flex-basis: 160px;
	cursor: pointer;
}

.nav-li
{
	padding-top: 10px;
	padding-bottom: 10px;
	transition: all .2s linear;
}

.nav-li a
{
	text-decoration: none;
	font-size: 35px;
	color: #deb11e;
	font-weight: bold;
	transition: all .2s linear;
}

.nav-li a:hover
{
	color: #babc1a;
}

.info-content 
{
	background-color: #111;
	border-radius: 10px;
	margin-bottom: 10px;
	margin-top: 30px;
	padding: 20px;
	text-align: justify;
	max-width: 800px;
	color: #ccc;
	
	-webkit-box-shadow: 0px 10px 13px -7px #000000, 0px 0px 16px 5px #222931; 
	box-shadow: 0px 10px 13px -7px #000000, 0px 0px 16px 5px #222931;
}

.info-content h1 
{
	text-align: center;
	text-transform: uppercase;
	font-size: 35px;
	color: #123456;
	text-shadow: -0.5px -0.5px 0 #eee, 0.5px -0.5px 0 #eee, -0.5px 0.5px 0 #eee, 0.5px 0.5px 0 #eee;
}

.info-content a 
{
	text-decoration: underline;
	color: #654321;
	transition: all .2s linear;
	font-weight: bold;
}

.info-content a:hover 
{
	text-decoration: none;
	color: #babc1a;
}

.welcome-header 
{
	margin-top: 20px;
	margin-bottom: 25px;
	padding-bottom: 30px;
	border-bottom: 5px solid black;
}

.screens-content 
{
	background-color: #666;
	border-radius: 10px;
	margin: 20px;
	padding: 20px;
	text-align: center;
	max-width: 1100px;
	
	-webkit-box-shadow: 0px 10px 13px -7px #000000, 0px 0px 16px 5px #312226; 
	box-shadow: 0px 10px 13px -7px #000000, 0px 0px 16px 5px #312226;
	
	/* dontreadme.txt*/
	justify-content: space-around;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.screens-content .img-vert 
{
	max-width: 250px;
	width: 100%;
	margin: 8px;
	border-radius: 10px;
	transition: all .3s ease-out;
	
	-webkit-box-shadow: 0px 10px 13px -7px #000000, 0px 0px 9px 1px #0F0D0C; 
	box-shadow: 0px 10px 13px -7px #000000, 0px 0px 9px 1px #0F0D0C;
}

.screens-content .img-hor 
{
	max-height: 250px;
	height: 100%;
	margin: 8px;
	border-radius: 10px;
	transition: all .3s ease-out;
	
	-webkit-box-shadow: 0px 10px 13px -7px #000000, 0px 0px 9px 1px #0F0D0C; 
	box-shadow: 0px 10px 13px -7px #000000, 0px 0px 9px 1px #0F0D0C;
}

.screens-content .img-vert:hover, .screens-content .img-hor:hover
{
	transform: scale(1.5);
}

.screen-description 
{
	background-color: #fff;
	border-radius: 10px;
	margin: 10px;
	padding: 10px;
	text-align: center;
	max-width: 230px;
}

/*Projects*/

.project-links
{
	margin: 13px;
	transition: all .18s ease-in;
}

.project-links img
{
	width: 410px;
	height: auto;
	border-radius: 10px;
}

.project-links:hover
{
	filter: brightness(70%);
}

/*Footer*/

.footer 
{
	background: #1f1f1f;
	padding: 20px;
	text-align: center;
}