#title-bar {
	height: 31px;
	width: 100%;
	display: flex;
	justify-content: space-between;
	user-select: none;
	border-radius: 10px 10px 0px 0px;
}

#minimize,
#square,
#exit {
	transition: background-color 0.1s ease-in-out;
}

#minimize {
	font-size: 12px;
	padding: 7px 15px 7px 15px;
}

#square {
	font-size: 22px;
	padding: 0px 15px 5px 15px;
}

#exit {
	font-size: 15px;
	padding: 4px 17px 7px 17px;
	border-radius: 0px 10px 0px 3px;
}

#logo-description {
	font-size: 12px;
	font-family: "Segoe UI";
	vertical-align: middle;
}

.browser-buttons{
	display: flex;
}




/* Light Theme */
@media (prefers-color-scheme: light) {
	#title-bar,
	#minimize,
	#square,
	#exit {
		color: #222222;
		background-color: #D0E4FD;
	}

	#minimize:hover,
	#square:hover {
		background-color: #D9DADF !important;
	}

	#exit:hover {
		background-color: #e81123 !important;
		color: white !important;
	}

	#url-bar {
		height: 30px;
		background-color: #EBF3F9;
	}

	#url-bar:hover {
		background-color: #EEEEF7;
	}

	#ssl-padlock {
		border-radius: 13px;
		padding: 3px;
	}

	#ssl-padlock:hover {
		background-color: #E9E9E9;
	}

	#domain-name {
		color: #000000;
	}

	#domain-protocol,#domain-directory {
		color: #7c7c7c;
	}
}

/* Dark Theme */
@media (prefers-color-scheme: dark) {
	#title-bar,
	#minimize,
	#square,
	#exit {
		color: #ffffff;
		background-color: #212121;
	}

	#minimize:hover,
	#square:hover {
		background-color: #4D4D4D !important;
	}

	#exit:hover {
		background-color: #e81123 !important;
		color: white !important;
	}

	#url-bar {
		height: 33px;
		background-color: #2E2E2E;
	}

	#ssl-padlock {
		border-radius: 30px;
		color: white !important;
		padding: 2px;
	}

	#ssl-padlock:hover {
		background-color: #515151;
	}

	#domain-name {
		color: #ffffff;
	}

	#domain-protocol, #domain-directory {
		color: #7c7c7c;
	}
}