/*
Description: This is the styling for my self-introduction website.
Version: 1.0.1
Author: Marvin Schank
Author URI: https://marvinschank.de/
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* -------------------------------------------
 * These are style decisions for the header if the page has one.
 * -------------------------------------------
 */
.headerSection {
    display: flex;
    padding: var(--header-padding);
    align-items: center;
    justify-content: space-between;
    backdrop-filter: blur(10px);
}

.headerTitle {
    font-size: var(--h2-section-font-size);
    font-weight: 700;
}

@media (max-width: 781px) {
	.headerTitle {
		font-size: var(--h2-section-font-size-reduced) !important;
	}
}

.headerNavigation {
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
}

.headerNavigation a {
    padding-right: 32px;
}

.headerNavigation a:hover {
    color: var(--link-hover-color);
}