body { 
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px
}

.topbar {
    
    height: 50px;
    background: #383838;
    background: linear-gradient(0deg, rgba(56, 56, 56, 0.75) 0%, rgba(128, 128, 128, 0.75) 30%, rgba(143, 143, 143, 0.75) 50%, rgba(128, 128, 128, 0.75) 70%, rgba(56, 56, 56, 0.75) 100%);
    overflow: hidden;
}

nav {
    display: flex;
	justify-content: left;
	align-items: center;
}

.nav_button {
    position: relative;
    padding: 0.5em 15px;
	font-size: 1.5em;
	text-decoration: none;
    font-family: sans-serif;
	font-weight: bold;
    border-left: 0.5px solid;
    border-right: 0.5px solid;
	color: rgb(0, 0, 0);
	z-index: 0;
	transition: color .2s;
	overflow: hidden;
}

.nav_button:first-child {
    border-left: 2px solid;
}

.nav_button:last-child {
    border-right: 2px solid;
}

.nav_button_selected {
    position: relative;
    padding: 0.5em 15px;
	font-size: 1.5em;
	text-decoration: none;
    font-family: sans-serif;
	font-weight: bold;
    border-left: 1px solid;
    border-right: 1px solid;
	z-index: 1;
	overflow: hidden;
    color: rgb(255, 255, 255);
    background: linear-gradient(180deg, rgb(70, 70, 70) 0%, rgba(128, 128, 128, 1) 30%, rgba(143, 143, 143, 1) 50%, rgb(182, 182, 182) 70%, rgb(255, 255, 255) 100%);
}

.nav_button:hover, .nav_button:focus-visible {
    background: linear-gradient(180deg, rgb(70, 70, 70) 0%, rgba(128, 128, 128, 1) 30%, rgba(143, 143, 143, 1) 50%, rgb(128, 128, 128) 70%, rgb(255, 255, 255) 100%);
    color: rgb(255, 255, 255);
}