Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS

Posted by Monica Anderson
Monica Anderson
3,621 Points

[SOLVED] I suddenly lost my link to my css style sheet

Hi I suddenly lost my link to my style sheet and cannot get it back. Here is my code:

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Monika Anderson</title>
<link rel="stylesheet" href="css/normalize.css">
<link href='https://fonts.googleapis.com/css?family=Oleo+Script+Swash+Caps|Hind+Siliguri:400,600,700' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/main.css">
</head>

<body>
<header>   
    <a><h1>Monika Anderson</h1>
        <h2>Designer</h2>
     </a></header>
         <nav>
         <a href="https://twitter.com/visualizegrafix"><img src="images/Twitter_logo-Update-Hints.jpg" alt="Twitter Logo"></a>
        <a href="https://www.facebook.com/monika.anderson.5"><img src="images/Facebook-Logo-2048x2048.png" alt="Facebook Logo"></a>
        <ul>
          <li><a href="http://monikaanderson.carbonmade.com">Portfolio</a></li>
          <li><a href="monika_anderson_first_webpage.html">Home</a></li>
          <li><a href="mailto:monikaandersondesign@gmail.com?Subject=Inquiry" target="_top">Contact</a></li>
        </ul>
      </nav>
      </header>
      </br>
      <div id="wrap"><section>
      <h3>Our Vision</h3>
        <p>My name is Monika Anderson, welcome to my website. <strong>I believe that through nature, art is all around us</strong>. The flowers, trees, etc. supply us with an example of art. Nature appeals to our senses for that reason. It is God's wonder and beauty that surrounds us daily. It is our ultimate inspiration and reference for what is beautiful. God and his masterful creation (our natural habitat) is our true teacher. <br/>
  </p>
  <h3>The Meaning of Design</h3>
  <p><em>To visualize a client's concept is nothing more to not only look at the obvious request but also look at what he is trying to convey in a visual way</em>. That is the role of a graphic and web designer. I hope you enjoy your time here.</p>
  <h3>The Effect of Design to our Senses</h3>
    <p>While emotions form the basis of thoughts, the five senses - sight, sound, smell, taste and touch - fuel those emotions, wielding the power to persuade, relax and heal. It makes sense, therefore, that interior designers are turning to sensory design, an approach that focuses on addressing all five senses in a space.</p>

 <a href="images/websitehomepagewithflowersalone2.jpg">
    <img src="images/websitehomepagewithflowersalone2small.png" alt="picture of art through nature" class="art-through-nature">
</a>
      </section>
      <footer>
        <a href="https://twitter.com/visualizegrafix"><img src="images/Twitter_logo-Update-Hints.jpg" alt="Twitter Logo"></a>
        <a href="https://www.facebook.com/monika.anderson.5"><img src="images/Facebook-Logo-2048x2048.png" alt="Facebook Logo"></a>
        <p>&copy; 2014 Monika Anderson.</p>
      </footer>
      </div>
</body>
</html>

Here is my css:

@charset "UTF-8";
/* CSS Document */

body {
    background-image:url(../images/clouds.jpg);
    background-repeat:no-repeat;
    background-size:cover;
    color: #3A0C4B;
    line-height: 1.5em;


#wrap {
    max-width: 940px;
    margin: 0 auto;
    padding: 20px 5%;
    background-color: #FFFFFF
}

a {
  text-decoration: none;
}

h1 {
font-family: 'Oleo Script Swash Caps', cursive;
  margin: 15px 0;
  font-size: 1.95em;
  font-weight: normal;
  line-height: 0.8em;
  text-align: center;
  color: #060564;
}

h2 {
  font-family: 'Oleo Script Swash Caps', cursive;
  font-size: 1.5em;
  margin: -5px 0 0;
  font-weight: normal;
  color: #060564;
  text-align: center;
  padding-bottom: 1%
}
h3 {
  font-family: 'Oleo Script Swash Caps', cursive;
  font-size: 1.25em;
  margin: -5px 0 0;
  font-weight: normal;
   color: #050404;
}
h4 {
  font-family: 'Oleo Script Swash Caps', cursive;
  font-size: 1.05em;
  margin: -5px 0 0;
  font-weight: normal;
   color: #050404;
}
p {
    font-family: 'Hind Siliguri', sans-serif;
    font-size: .95em;
}
nav {
    max-width: 940px;
    margin: 0 auto;
    padding: 1% 5% 4%;
    background-color: #fff;
    font-weight: normal;
}

nav a {
        font-family: 'Oleo Script Swash Caps', cursive;
        color: black;
        font-size: 1.1em;
        float: right;
        padding: 4px 35px 0px 2px;
}

nav ul {
    list-style: none;
}

img {
    max-width: 100%;
}

.art-through-nature {
    display: block;
    max-width: 175px;
    padding 10px 30px 0 0;
    border-radius: 10%;
    border-color: black;
    border-width: 2px;
    border-style: solid;
    margin: 10 10 20 30;
}

thanks so much Monika

Monica Anderson
Monica Anderson
3,621 Points

never mind it was the vanishing curly bracket lol thanks

Iain Simmons
Iain Simmons
Treehouse Moderator 32,305 Points

Hi Monica Anderson, glad you figured it out! I've updated your question to mark it as solved and also to put your code in code blocks.