#navbar-top {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding: 15px 50px;
    display: flex;
    justify-content: center;
	gap: 20px;
    align-items: center;
    transition: transform 0.4s ease-out, opacity 0.4s ease-out;
    z-index: 1000;
}

#navbar-scroll {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding: 12px 50px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transform: translateY(-100%);
    opacity: 0;
    transition: transform 0.4s ease-out, opacity 0.4s ease-out;
    z-index: 1000;
}

.navbar-hidden {
    transform: translateY(-100%) !important;
    opacity: 0 !important;
}

.navbar-visible {
    transform: translateY(0) !important;
    opacity: 1 !important;
}

#navbar-top button{
	height:50px;
	border-radius: 5rem;
	border: solid 4px #213038;
	width: 157px;
	color: white;
	font-family: "Prompt", sans-serif;
	font-size: 1.5rem;
	background: #2E424F;
	background: linear-gradient(180deg,rgba(46, 66, 79, 1) 0%, rgba(62, 88, 109, 1) 100%);
	box-shadow: 0px 0px 0px 2px white, 
		0px 3px 0px 1px #273843 inset, 
		0px -3px 0px 0px #577B93 inset;
}
#navbar-scroll-logo-container{
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 10px;
}
#navbar-scroll-logo-container img{
	max-heigth: 60px;
	max-width: 60px;
}
#navbar-scroll-button-container{
	display: flex;
	flex-direction: column;
	align-items: start;
	gap: 5px;
}
#navbar-scroll-button-container button{
	color: white;
	border: none;
	background: none;
}
#navbar-scroll-button-container button:hover{
	color: grey;
}