Troubleshooting CSS code?

[ Moved to the Fixing WordPress sub-forum. ]

Could someone please help me with figuring out what I did wrong? For the past week, I have been working on a revamped version of my site: https://www.inspiration-point.org and I’m using the Mason Brick theme.

As you can guess, I found a lot of things to tweak and I’ve moved the CSS codes from the “Additional CSS” over to a child theme. WordPress is able to recognize the child theme.

There is just one problem. The codes works fine in the Customizer; however, it is not working when it’s placed on the style.css file. Any ideas of what I’m missing? I’ve even gone so far to add the @import command.

/*
 Theme Name:   Masonry Brick Child
 Theme URI:    https://www.inspiration-point.org/masonry-brick-child/
 Description:  Masonry Brick Child Theme
 Author:       Barry Brindisi
 Author URI:   https://www.inspiration-point.org
 Template:     masonry-brick
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  https://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  mason-brick-child
*/
@import url(“../mason-brick/style.css”);

.site-title-box {
    background: transparent;
    border: none;
}

.entry-title, .page-title {
    font-family: Roboto, sans-serif;
}
.comments {
		display:none;
}
.entry-footer .tags-links, .entry-footer .cat-links {display: none;
}

In case it’s needed, here is the code for the functions.php file:

<?php
add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' );
function my_theme_enqueue_styles() {
    wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );

}
?>