blogstyle.css

	body,

	html {
		height: 100%;
		font-family: 'Anonymous Pro', monospace;
		background-color: #1e1e1e;
		scroll-behavior: smooth;
	}

	.footer {
		position: relative;
		left: 5px;
		bottom: 10px;
		right: 5px;
		width: 100%;
		background-color: rgb(35, 35, 35);
		color: white;
		text-align: center;
		padding-top: 10px;
		padding-right: 10px;
		padding-bottom: 10px;
		padding-left: 10px;
	}

	a:link {
		color: rgb(1, 23, 224);
		background-color: transparent;
		text-decoration: none;
	}

	a:visited {
		color: rgb(182, 92, 235);
		background-color: transparent;
		text-decoration: none;
	}

	a:active {
		color: rgb(24, 44, 155);
		background-color: transparent;
	}

	.header {
		padding: 30px;
		text-align: center;
		background: #282828;
		color: white;
	}

	.header h1 {
		font-size: 28px;
	}

	h4 {
		font-size: 25px;
	}

	li {
		font-size: 16px;
		text-align: center;
		color: rgb(200, 200, 200)
	}



	details {
		width: 50%;
		margin: 0 auto;
		background: #282828;
		margin-bottom: .5rem;
		box-shadow: 0 .1rem 1rem -.5rem rgba(0, 0, 0, .4);
		border-radius: 5px;
		overflow: hidden;
		padding-top: 2.5px;
		padding-right: 2.5px;
		padding-bottom: 2.5px;
	}

	summary {
		padding: 1rem;
		display: block;
		background: #333;
		padding-left: 2.2rem;
		position: relative;
		cursor: pointer;

	}

	summary:before {
		content: '';
		border-width: .4rem;
		border-style: solid;
		border-color: transparent transparent transparent #fff;
		position: absolute;
		top: 1.3rem;
		left: 1rem;
		transform: rotate(0);
		transform-origin: .2rem 50%;
		transition: .25s transform ease;
	}

	details[open]>summary:before {
		transform: rotate(90deg);
	}

	details summary::-webkit-details-marker {
		display: none;
	}

	details>ul {
		padding-bottom: 2rem;
		margin-bottom: 0;
	}

	/* Custom elements (boxes, typewriter effect, etc) */

	.container {
  display: flex;
  justify-content: space-around
}

	* {
		box-sizing: border-box;
	}