Build a Confidential Email Page - Build a Confidential Email Page

HTML-CSS
1

Tell us what’s happening:

the Error codes still pop up despite following the user story.

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Confidential Email</title>

</head>

<body>
<main id="email">
  <div id="confidential"
display="inline-block" >CONFIDENTIAL</div>
  <div id="top-secret" display="inline-block">TOP SECRET</div>
  <p><span class="blurred">THIS MESSAGE IS CLASSIFIED
Clearance Level: OMEGA-7

If you are reading this email, then containment protocols have already failed.</span></p>
<p> <span class="blurred">As of 02:14 this morning, we detected an anomaly connected to Project Nightfall. Initial assessments suggest the issue is localized—but only if corrective action is taken immediately. Further delay increases the risk of exposure, escalation, and questions we are not prepared to answer.</span></p>
<p>
 <span class="blurred">
  Your task is simple:

Review the attached materials

Do not forward, copy, or discuss outside approved channels

Proceed exactly as outlined in Phase III</span></p>
</main>
</body>

</html>

/* file: styles.css */


#email{
 padding: 50px;
  margin: 50px;
  width: 500px;
  border: 2px solid black;
  box-sizing: border-box;
}
#confidential ,#top-secret
{
  display: inline-block;
  padding: 10px 20px;
  margin: 50px ;
  border: 5px solid red;
  transform: rotate(-24deg)

}

.blurred{
  filter: blur(3px)
}

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/143.0.0.0 Safari/537.36

Challenge Information:

Build a Confidential Email Page - Build a Confidential Email Page

2

Only thing missing is connecting the styles.css to the HTML file.
Do you know how to do that?

3

No i dont know how to connect HTML to css

4

I can´t tell you the exact answer, but you can find your answer inside this document.

Even when the html and the css file is stored on the same folder, you still have to make a relationship between them.
You probably already learned that in the lectures, so I think you wil find the answer instantly.