themes-wordpress/loudness/style.css

/*
Theme Name: Loudness
Theme URI: https://wordpress.com/theme/loudness/
Author: Automattic
Author URI: https://automattic.com
Description: A bold opinionated theme for music and learning 
Requires at least: 6.0
Tested up to: 6.1
Requires PHP: 5.7
Version: 1.0.10
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: loudness
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, rtl-language-support, theme-options, threaded-comments, translation-ready, wide-blocks
*/

/*
* Control the hover stylings of outline block style.
*/
.wp-block-button.is-style-outline > .wp-block-button__link:not(.has-background):hover {
	background-color: var(--wp--preset--color--primary);
}

/**
 * Currently table styles are only available with 'wp-block-styles' theme support (block css) thus the following needs to be included
 * since 'wp-block-styles' aren't used for this theme.
 */
.wp-block-table thead {
	border-bottom: 3px solid;
}

.wp-block-table tfoot {
	border-top: 3px solid;
}

.wp-block-table td,
.wp-block-table th {
	padding: var(--wp--preset--spacing--30);
	border: 1px solid;
	word-break: normal;
}

.wp-block-table figcaption {
	font-size: var(--wp--preset--font-size--small);
	text-align: center;
}

/*
 * Provide styles for a Block Style for navigation links
 */

.wp-block-navigation .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation-link.is-style-navigation-link-button a {
	background-color: var(--wp--preset--color--foreground);
	color: var(--wp--preset--color--background);
	padding: 20px 30px !important;
}
.wp-block-navigation .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation-link.is-style-navigation-link-button a:hover {
	background-color: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--foreground);
}

/*
 * Links in containers with the primary background color get special treatment
 */
.has-primary-background-color a:hover {
	--wp--preset--color--primary: var(--wp--preset--color--background);
}

/*
 * Navigation
 */
.wp-block-navigation.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open {
	background-color: var(--wp--preset--color--primary);
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content {
	font-size: var(--wp--preset--font-size--xx-large);
	font-family: var(--wp--preset--font-family--rubik);
}

.wp-block-navigation .wp-block-navigation__responsive-container-close {
	background-color: var(--wp--preset--color--foreground);
	color: var(--wp--preset--color--background);
	padding: var(--wp--preset--spacing--20);
}

.wp-block-navigation.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container > *:not(:first-child) {
	border-top: solid;
	padding-top: 24px;
	width: 100%;
}

.wp-block-navigation.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
	width: 100%;
}