I need help linking my Css to my HTML

html-css

#1
<!DOCtype html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <meta name="description" content="Addordable and professional web design">
    <meta name="keywords" content="web design, affordable web design, professional web design">
    <meta name="author" content="Justin Perez">
    <title>Acme web deisgn | Welcome</title>
    <link rel=stylesheet type=text/css herf="./Acme/style.css">
</head>
<body>
    <header>
    <div class="container">
        <div id="branding">
            <h1>Acme Web Design</h1>
        </div>
        <div>
            <nav>
                <ul>
                  <li><a href="index.html">Home</a></li>
                  <li><a href="about.html">About</a></li>
                  <li><a href="services.html">Services</a></li>
                </ul>
            </nav>
        </div>
    </header>
    
    
    <section id="showcase">
        <div class="container">
          <h1> Affordable Professional web design</h1>
          <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,</p>
        </div>
    </section>
    
    <section id="newletter">
    <div class="container">
        <h1> Subscribe to our new letter</h1>
        <form>
            <input type="email" placeholder="Enter email...">
            <button type="submit" class="button_1">Subscribe</button>
        </form>
        </div>
    </section>
    
    <section id="boxes">
    <div class="container">
        <div class="box">
            <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/6/61/HTML5_logo_and_wordmark.svg/2000px-HTML5_logo_and_wordmark.svg.png" width="100px">
        <h3>Html5 Mark Up </h3>
        <P>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,</P>
        </div>   
        <div class="box">
            <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/6/61/HTML5_logo_and_wordmark.svg/2000px-HTML5_logo_and_wordmark.svg.png" width="100px">
        <h3>Css3 Styling </h3>
        <P>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,</P>
        </div>   
        <div class="box">
            <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/6/61/HTML5_logo_and_wordmark.svg/2000px-HTML5_logo_and_wordmark.svg.png" width="100px">
        <h3>Graphic Deisgn  </h3>
        <P>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,</P>
        </div>   
    </div>
    </section>
</body>
</html>
body{
    font-family: Arial, helvetica, sans-serif;
    font-size: 15px;
    line-hight:1.5;
    padding:0;
    margin:0;
    background-color:#f4f4f4;
}  

.container{
    width:80%;
    margin:auto;
    overflow:hidden;
}

header{
    background:#35424a;
    color:#ffffff;
    padding-top:30px;
    min-height: 70px;
    border-bottom: #e8491d 3px solid;
        
}

header a{
    color:#ffffff;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 16px;

}

header ul{
    margin:0;
    padding:0;
}

header li{
    float;left;
    display:inline;
    padding: 0px 20px 0px 20px;
}

#2

<link rel=stylesheet type=text/css herf="./Acme/style.css">

It should be href not herf .


#3

and its
link rel=“stylesheet type=“text/css” href=”./Acme/style.css"
add the <>

you forgot some quotation marks at the stylesheet and the type