@keyframes none {
	from {

	}
	to {

	}
}

@keyframes navbuttonanimation {
	from {
		background-color: rgb(0, 164, 0);
	}
	to {
		background-color: rgb(0, 96, 0);
	}
}

html {
	scroll-behavior: smooth;
}

.nav_a_animation {
	animation-name: navbuttonanimation;
	animation-duration: 0.5s;
}

nav {
	display: flex;
	align-items: center;
	text-align: left;
	font-size: 20px;
	padding-top: 8px;
	padding-left: 13px;
	font-family: josefin_sansthin;
	
}

nav a {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 0px;
	padding-bottom: 5px;
	border-radius: 8px;
}

.navbardiv {
	display: flex;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: min(60px, 20%);
	z-index: 2;
	margin-bottom: 50px;
}

a {
	text-decoration: none;
}

h1 {
	font-family: josefin_sansthin;
	align-self: left;
	align-items: left;
}

p {
	font-family: Helvetica;
}

div p {
	font-family: 'poppinslight';
}

#pfp {
	width: min(35%, 300px);
	height: min(35%, 300px);
	border-radius: 10px;
	margin-left: 30px;
}

#dlmodetoggle {
	width: 7%;
	align-self: right;
	margin-top: 0px;
	border-radius: 5px;
}

#dlmodetoggleBLOG {
	width: 7%;
	align-self: right;
	margin-top: -6px;
	margin-left: 10px;
	border-radius: 5px;
}

nav a b {
	margin-top: -5px;
	padding-top: -5px;
}

.contentdivs {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	width: 95%;
	padding: 15px;
	padding-top: 5px;
	border-radius: 10px;
	margin: auto;
	margin-top: 20px;
}

#about {
	margin-top: 80px;
	flex-direction: row;
}

table {
	font-family: 'poppinslight';
}

tr, td {
	padding: 15px;
	margin: 5px;
	border-radius: 0px;
}

div ul {
	font-family: 'poppinslight';
}

.socials {
	width: 50px;
	margin: 20px;
}

.blogdiv {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	width: 95%;
	padding: 15px;
	padding-top: 5px;
	border-radius: 10px;
	margin: auto;
	margin-top: 20px;
}

.blogdiv h1 {
	font-family: josefin_sansthin;
}

.blogdiv h2 {
	font-family: josefin_sansthin;
}