:root {
	--nav-display: flex;
	--nav-padding: 0.8em;
	--nav-overflow-x: scroll;
	--nav-min-width: 100%;
	--nav-border-radius: 0.4em;
	--nav-margin: 0em 0em;
	--nav-gap: 0.4em;

	--nav-item-border: 1px solid whitesmoke;
	--nav-item-padding: 0.5em 0.8em;
	--nav-item-display: flex;
	--nav-item-gap: 0.4em;
	--nav-item-border-radius: 0.3em;
	--nav-item-background: #2A5136;
	--nav-item-color: white;
	--nav-item-font-size: 1.2em;
	--active-item-color: rgb(225, 121, 61);

	--section-title-color: #2A5136;
}


.round-border {
    border: 1px solid var(--nav-item-background);
    padding: 1.2rem 1rem;
    border-radius: 1.2rem;
}

.sign-in-button {
    background: var(--nav-item-background);
    color: white;
}

.sign-in-button:hover {
    background: white;
    color: var(--nav-item-background);
	border: 1px solid var(--nav-item-background);
}