/* margin - padding reset */
		* {
			margin: 0;
			padding: 0;
			box-sizing: border-box;
			/*font-family: 'poppins', sans-serif;*/
		}

		body {
			background: #1c1c1c;
		}

		.logo {
			margin: 10px;
		}

		/* 3 pixcel border for content */
		.main {
			padding: 20px;
			margin-top: 0px; 
			border: 3px solid #555555;
			height: auto;
			border-radius: 5px;
		}

		.content {
			display: flex;
		}

		h1 {
			color: #C6C6C6;
			font-family: "Audiowide", sans-serif;
			font-size: 1.2em;
		}

		.spacer {
			margin: 10px;
		}

		p, .article {
			color: #C6C6C6;
			font-size: 1.3em;
			font-family: "Trirong", serif;

		}

		a {
			color: #C6C6C6;
			text-decoration: none;
		}

		a:hover {
			color: #ffe08a;
		}

		#lorem {
			padding: 10px;
			background-color: #393939;
			font-size: .9em;
			border-radius: 10px;
		}


		.nav {
			width: 100%;
			height: 30px;
		}


		ul {
			background-color: #555555;
			border-radius: 10px;
			font-size: 1.2em;
			margin: 0;
			padding: 20px;
			width: 150px;
			height: 210px;
			list-style-type: none;
			font-family: "Audiowide", sans-serif;
			text-align: center;
			justify-content: center;
		}

		.articles {
			margin: 0;
			padding: 40px;
			width: auto;
			color: white;
			background-color: #555555;
			border-radius: 20px;
			margin-left: 40px;
			margin-right: 40px;
		}

		.art_head {
					padding: 40px;
				}

		.article {
			font-size: 1.2em;
			background-color: #1c1c1c;
			width: 300px;
		}

		.birds, .ducks {
			background-color: #1c1c1c;
			margin-left: 40px;
		}

		.birds {
			font-size: 1.2em;
			padding: 20px;
			list-style-type: none;
			text-align: left;
		}

	</style>