My Precious CSS

index.html:

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Find the precious!</title>
        <link rel="stylesheet" href="style.css">
    </head>
    <body>
        <nav>
            <ul>
                <li> FindThePrecious.com</li>
                <li id="fellowBox">Fellows</li>
                <li>Contact us</li>
            </ul>
        </nav>
        <section>
            <div class="carousel"></div>
        </section>
        <section>
            <h2 id="titleAligned">Fellows wanted dead <h3>(or alive if you want to eat them later)</h3></h2>
        </section>
        <section class="box">
            <article></article>
            <article></article>
            <article></article>
        </section>

         <hr width= "100%">

        <form>
            <h2>Contact us</h2>
          <div id="container">
            <label for=email> </label>
            <input type="email" name="email" id="email" placeholder="@">
            <label for="name"> </label>
            <input type="text" name="name" id="name" placeholder="&#8962;">
            <label for=box> </label>
            <input type="text" name="box" id="box" placeholder="I have seen one of them">
            <label for="message"></label>
            <textarea name="message" id="message" placeholder="Your message" required class="inputform" rows="6" cols="80"></textarea>
          </div>
        </form>
    </body>
</html>


style.css:

body{
  font-family: helvetica;
}

li {
  display: inline-block;
  margin-right: 30px;
  color: #9f9286;
  padding: 7px;
}

ul {
  background-color: #4f4943;
  padding-top:0px;
   margin-top:0;
  padding-bottom:0px;
   margin-bottom:0px;
}

#fellowBox {
  background-color:#e5e5df;
  padding-left:40px;
  padding-right:40px;
}

div.carousel {
 height: 250px;
  width: 100%;
  background-color: powderblue;
  position: relative;
  padding-top:0px;
   margin-top:0;
  margin-bottom:40px;
}

#titleAligned, h3 {
  width: 50%;
  display:inline;
  color:#383838;
  }
#titleAligned{
  margin-left: 30%;}


article {
  background-color: #dfdfe6;
  margin-left: 30px;
  margin-top: 40px;
  margin-bottom: 80px;
}

.box article:first-child {
 float:left;
 width:30%;
 height:350px;
 }
.box article:nth-child(2){
  float:left;
  width:30%;
  height:350px;
}

.box article:nth-child(3){
float:left;
width:30%;
height:350px;
}

#ligne {
  height: 10px;
  width: 100px;
}

#container{
  margin: 0 auto;
  width: 600px;
}
input {
  width:600px;
  margin-bottom: 20px;
}

label {
  display:none;
}