div#masthead {
  background: transparent;
  z-index: 13;
}

html body {
  background: linear-gradient(180deg,rgba(8, 112, 209, 1) 0%, rgba(117, 178, 235, 1) 100%);
}
html.dark-mode body {
  background: linear-gradient(to bottom, rgba(11,28,38,1) 0%, rgba(11,28,38,1) 40%, rgba(17,42,64,1) 99%)
}

div.initial-content {
  z-index: 12;
}
div#footer {
  z-index: 12;
}

span#dark-mode-wrapper {
  font-weight: bold;
}

[data-tooltip] {
	position: relative;
}
[data-tooltip]:before,
[data-tooltip]:after {
	visibility: hidden;
	opacity: 0;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	white-space: nowrap;
	transition: all 0.2s ease;
	font-size: 11px;
	font-family: Galmuri9;
	letter-spacing: -1px;
}
[data-tooltip]:before {
	content: attr(data-tooltip);
	height: 13px;
	position: absolute;
	top: 55px;
	padding: 4px 10px 20px 10px;
	border-radius: 5px;
}

img.leaf {
  position: fixed;
  z-index: 11;
  pointer-events: none;
}


html [data-tooltip]:before {
  color: var(--byeol-white2);
  background: var(--byeol-night2);
}

html.dark-mode [data-tooltip]:before {
  color: var(--byeol-night2);
  background: var(--byeol-white2);
}

html [data-tooltip]:after {
	border-bottom: 5px solid var(--byeol-night2);
}

html.dark-mode [data-tooltip]:after {
	border-bottom: 5px solid var(--byeol-white2);
}

[data-tooltip]:after {
	content: "";
	border-left: 5px solid transparent;
	top: 51px;
	border-right: 5px solid transparent;
}
[data-tooltip]:not([data-tooltip=""]):hover:before {
	visibility: visible;
	opacity: 1;
	top: 40px;
}
[data-tooltip]:not([data-tooltip=""]):hover:after {
	visibility: visible;
	opacity: 1;
	top: 36px;
}

.masthead__menu-item img {
  margin-top: 1px;
  width: 24px;
  height: 24px;
}

div#language-toggle {
  margin-left: 3px;
}