Editing child theme CSS

Human Child Theme
Newbie

I am trying to change the overall text color on a new site to black from Hueman’s default gray.

I have checked through past questions and referenced the theme’s directions, but I still don’t understand how this works. Any help would be most appreciated!

I decided to use the child theme as this seemed like the preferred way to make any changes to the theme outside of the included options, which includes the text color.

I downloaded, installed, and activated the child theme. Then I opened up the editor of the child theme to add code to the child’s style.css.

The following is displayed in the editor:

/*
Theme Name: Hueman Child
Theme URI: http://alxmedia.se/themes/hueman/
Description: Sample child theme for customization.
Author: You
Author URI:
Template: hueman
Version: 1.0.0
*/

@import url(“../hueman/style.css”);

/* ————————————————————————- *
* Theme customization starts here
/* ————————————————————————- */

/* Global */
.mystyle {}

/* Tablet – 800px, 768px & 720px */
@media only screen and (min-width: 720px) and (max-width: 800px) {
.mystyle {}
}

/* Mobile – 480px & 320px */
@media only screen and (max-width: 719px) {
.mystyle {}
}

/* Mobile – 320px */
@media only screen and (max-width: 479px) {
.mystyle {}
}

1) What is the proper way to modify this to make the text on the site black?
I tried adding:
body { color: #000; }
to the end of the file, but that did not work.

2) Do I need to make the modifications inside the “{}” for one of the .mystyle classes?
I assume that these are there to permit different styles to be applied to different screen sizes.

Thank you.