.copy:hover {
    color: #344a70;
}

::-webkit-scrollbar {
	width: 0;
}

body {
	font-family: sans-serif;
	background: rgb(71, 71, 71);
	color: black;
}

main {
	max-width: 60%;
	margin: auto;
}

header h1 {
	text-align: center;
	color: white;
}

a:link {
	color: rgb(126, 249, 255);
}
a:visited {
	color: white;
}

article {
	background-color: burlywood;
	outline: cadetblue solid 5px;
	padding: 3%;
	border-radius: 10px;
}

pre {
	/*
	This has to be flagged important because somewhere in hugo a style
	is being directly applied to pre blocks. Ill have to find it later.
	 */
	background-color: rgb(59, 59, 59) !important;
	padding: 10px;
	border-radius: 8px;
	outline: cadetblue solid 3px;
}
code {
	font-size: large;
}



img {
	max-width: 100%;
}


footer {
	padding-top: 1%;
	text-align: center;
	clear: both;
}

h1,h2,h3,h4,h5,h6 {
    margin: 0;
    text-align: center;
}

article h1 {
    margin-bottom: 1rem;
}

a {
    color: #3e765d;
}

a:hover {
    color: #344a70;
    text-decoration-line: none;
}

header a {
    color: inherit;
    text-decoration-line: none;
    font-weight: bold;
}

header a:hover {
    font-weight: bold;
    color: inherit
}

main {
    max-width: 80%;
    margin: auto;
}

@media screen and (max-width: 900px) {
main {
    max-width: 100%;
    margin: auto;
}
}