.header {
		position:fixed;
		height:45px;
		width:100%;
		left:0;
		right:0;
		top:0;
		z-index:1000;
		display:flex;
		flex-direction:row;
		justify-content: space-between;
		align-items:center;
		background-color: #161616;
	}

	.main-title {
		font-family: tahoma;
		font-weight:bold;
		display:flex;
		margin-left:5%;
	}

	.main-title a {
		color:white;
	}

	.user-bar {
		display:flex;
		flex-direction:row;
		align-items:center;
		padding-right:10px;
		gap:10px;
		font-weight:bold;
		background-color:#262626;
		padding-left:5px;
		padding-top:5px;
		padding-bottom:5px;
		border-radius:5px;
		user-select:none;
		min-width:150px;
	}

	.user-bar.clicked {
		font-size:20px;
	}

	.user-bar:hover {
		cursor:pointer;
		font-size:20px;
	}

	.user-menu .user-pfp {
		display:flex;
	}

	.user-menu .user-pfp img {
		width:30px;
		height:30px;
		border-radius:5px;
	}

	.list-row {
		display: block;
		position: relative;
		margin-top: 5px;
		padding-top: 10px;
		padding-bottom: 10px;
		border-top: solid 1px gray;
	}

	.list-row:hover {
		font-weight:bold;
	}

	.list-row:first-of-type {
		margin-top:0px;
	}

	.list-row.logout {
		color:#ff0000;
		cursor: pointer;
	}
				
	.menu-list {
		position:absolute;
		width:100%;
		max-width:200px;
		right:0;
		background-color:#161616;
		border-bottom-right-radius:5px;
		border-bottom-left-radius:5px;
		display:none;
	}

	.user-bar:hover + .menu-list {
	}

	.menu-list a {
		color:white;
	}

	.user-menu {
		position:relative;
		user-select:none;
	}