<style>
	.all-browsers {
 		margin: 0;
  		padding: 5px;
  		background-color: #121504;
	}

	.all-browsers > h1, .browser {
  		margin: 10px;
  		padding: 5px;
	}

	.browser {
  		background: #121504;
	}

	figure {
  		border: 1px #7fb7af solid;
  		padding: 4px;
  		margin: auto;

	}

	figcaption {
  		background-color: black;
  		color: #cb4b36;
  		font-style: italic;
  		padding: 2px;
  		text-align: center;
		filter: brightness(150%);
		font-family: Rajdhani;
	}

	div.footer {
		border: 3px outset #7fb7af;
  		text-align: center;
  		padding: 3px;
  		background-color: #121504;
  		color: #cb4b36;
		font-family: Rajdhani;
	}

	hr {
		height: 2px;
		border-width: 0;
		color: #7fb7af;
		background-color: #7fb7af;
		margin: 0px -8px 0px;
	}

	div.navigation {
		color: #cb4b36;
		filter: brightness(150%);
		align-items: center;
		justify-content: center;
		display: flex;
		font-family: Rajdhani;
  		width: 800px;
  		margin: 0 auto;
	}

	div.icon_select {
		color: #cb4b36;
		align-items: center;
		justify-content: center;
		display: flex;
		font-family: Rajdhani;
  		width: 800px;
  		margin: 0 auto;
	}

	div.body {
		background-color: #121504;
	}

	div.head {

	}

	div.lists {
		color: #cb4b36;
		filter: brightness(150%);
		align-items: center;
		justify-content: center;
		display: flex;
		font-family: Rajdhani;
  		width: 800px;
  		margin: 0 auto;
	}

	div.paragraphs {
		color: #cb4b36;
		filter: brightness(150%);
		align-items: center;
		justify-content: center;
		display: flex;
		font-family: Rajdhani;
  		width: 800px;
  		margin: 0 auto;
	}

	div.images {
		align-items: center;
		justify-content: center;
		display: flex;
	}

	div.quotes {
		color: #cb4b36;
		filter: brightness(150%);
		font-family: Rajdhani;
  		width: 800px;
  		margin: 0 auto;
	}

	div.titles {
		color: #cb4b36;
		filter: brightness(150%);
		align-items: center;
		justify-content: center;
		display: flex;
		font-family: Rajdhani-Title;
  		width: 800px;
  		margin: 0 auto;
	}

	html {
		background-color: #121504;
		border: 3px outset #7fb7af;
	}

	@font-face {
  		font-family: Rajdhani-Title;
  		src: url(file:///home/blink/Documents/General_Logs/Projects/Personal_Website/src/Fonts/Rajdhani-Bold.ttf);
	}

	@font-face {
  		font-family: Rajdhani;
  		src: url(file:///home/blink/Documents/General_Logs/Projects/Personal_Website/src/Fonts/Rajdhani-Regular.ttf);
	}

	div.gallery {
  		border: 1px solid #ccc;
	}

	div.gallery:hover {
  		border: 1px solid #777;
	}

	div.gallery img {
  		width: 100%;
  		height: auto;
	}

	div.desc {
  		padding: 15px;
  		text-align: center;
	}

	* {
  		box-sizing: border-box;
	}

	.responsive {
  		padding: 0 6px;
  		float: left;
  		width: 24.99999%;
	}

	@media only screen and (max-width: 700px) {
  		.responsive {
    			width: 49.99999%;
    			margin: 6px 0;
  		}
	}

	@media only screen and (max-width: 500px) {
  		.responsive {
    			width: 100%;
  		}
	}

	.clearfix:after {
  		content: "";
  		display: table;
  		clear: both;
	}

	.pagination a {
		color: #cb4b36;
  		float: center;
  		padding: 4px 8px;
  		text-decoration: none;
  		transition: background-color .3s;
		font-family: Rajdhani;
	}

	.pagination a.active {
  		background-color: #7fb7af;
		color: #cb4b36;
	}

	.pagination a:hover:not(.active) {background-color: #ddd;}

</style>
