Ayuda con ejercicio


#1


https://www.codecademy.com/es/courses/learn-html-css/lessons/css-fonts/exercises/font-weight?action=lesson_resume

<Hola. Lo que sucede es que no logro entender el segundo punto del ejercicio adjuntado arriba. Ya logré resolver el primer punto, pero el segundo no, el cual es:

"Earlier, you added the following line of code to index.html:

link href="https://fonts.googleapis.com/css?family=Roboto:100" rel="stylesheet"

Notice the 100 in the URL. This specifies that you'd like to use a font weight of 100 when linking to the Roboto font. It's possible to specify a different font weight, or even multiple within the same URL.

Font weights can be set to 100 (thin), 200, 300, 400 (normal weight), 500, 600, 700, 800, or 900 (bold).

In style.css, set the font weight of the paragraph to 100.">

Mi código:

body {
  /* Old browsers */
  background: #141E30;
  /* Chrome 10-25, Safari 5.1-6 */
  background: -webkit-linear-gradient(-45deg, #35577D, #141E30);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  background: linear-gradient(-45deg, #35577D, #141E30);
  margin: 0;
  padding: 0;
}

h1 {
  color: #FFF;
  font-family: "Playfair Display", serif;
  font-size: 32px;
  padding-top: 100px;
  text-align: left;
  width: 60%;
}

h2 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  color: rgba(255, 255, 255, 0.5);
  font-weight: 100;
  font-family: Roboto, sans-serif;
  font-size: 22px;
  letter-spacing:0.02em;
  line-height: 24px;
  padding-bottom: 30px;
  text-align: left;
  width: 70%;
  word-spacing: 0.05em;
}

p {
  color: AliceBlue;
  font-family: Roboto, sans-serif;
  font-size: 20px;
  line-height: 1.7em;
  text-align: left;
  width: 100%;
  font-weight: bold;
}

.byline {
  color: rgba(255, 255, 255, 0.5);
  float: left;
  font-family: 'Roboto', sans-serif;
  font-weight: 100;
  font-size: 14px;
  padding-left: 10px;
  text-transform: uppercase;
}

.caption {
  background-color: rgba(0, 0, 0, 0.6);
  color: rgba(255, 255, 255, 0.65);
  display: block;
  font-family: 'Playfair Display', serif;
  font-size: 14px;
  font-style: italic;
  line-height: 14px;
  margin-left: 20px;
  padding: 10px;
  position: relative;
  top: 80%;
  width: 60%;
}

.content {
  padding: 40px;
}

.image {
  background-image: url("https://s3.amazonaws.com/codecademy-content/courses/web-101/unit-4/htmlcss1-img_soccer.jpeg");
  background-size: cover;
  background-position: center;
  height: 300px;
}

.writer-img {
  -webkit-box-shadow: 5px 0px 5px 0px rgba(0, 0, 50, 0.97);
  -moz-box-shadow: 5px 0px 5px 0px rgba(0, 0, 50, 0.97);
  box-shadow: 5px 0px 5px 0px rgba(0, 0, 50, 0.97);
  float: left;
  width: 50px;
}

Cabe aclarar que la línea de código → link href="https://fonts.googleapis.com/css?family=Roboto:100" rel="stylesheet" Ya esta agregada en mi archivo HTML.

Saludos, y muchas gracias por su ayuda y tiempo.