Template:Portal/Blockchain/styles.css

h2 { margin-bottom: 2.4rem; }

.header-container { width: fit-content; margin: 0 auto; height: auto; position: relative; }

.primary-navigation { display: flex; background: var(--color-surface-1); padding: 1em; border-radius: 20px; position: relative; border: solid 1px var(--border-color-base); }

.overlay { width: 100%; height: 100%; position: absolute; right: 0.4em; top: 0.4em; border-radius: 20px; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.04), 0 3px 6px rgba(0, 0, 0, 0.0575); }

.mw-logo-icon { margin: auto auto; }

.header-titles { display: flex; flex-wrap: wrap; justify-content: center; margin: auto auto; }

.header-titles li { list-style: none; display: inline-block; padding: 0 20px; text-decoration: none; text-align: center; }

.header-titles li a { color: var(--color-base--emphasized); font-size: 16px; font-weight: bold; font-family: Inconsolata, sans-serif; }

.header-titles li a:hover { color: var(--color-primary); }

.pcontent { display: none; /*scroll-margin-top: 10000em;*/ }

.pcontent:target, #General-information { display: block; animation: fade-in 1s; }

.header-titles li a:hover, .header-titles li .selected{ color: var(--color-primary--hover); }

@media (max-width: 575px) { .header-container ul { justify-content: space-between; } }

@keyframes fade-in { 0% {	opacity: 0; }	50% {	transform: translateY(-50px); opacity: 0; }	100% {	transform: translateY(0px); opacity: 1; } }