<!DOCTYPE HTML>
<html>
    <head>
     <meta charset="utf-8">
      <title># # # # #</title>
     <link rel="stylesheet" href="hell.css">
    </head>
    
    
    <body bgcolor="#d3d3d3">
       <nav class="main-nav">
         <div>
            <img alt="LOGO" class="main-nav-logo" src="logo.png">
         </div>
         <div class="main-search">
             <input class="main-search" type="text" placeholder="Search">
         </div>
       </nav>
     <header id="home" class="main-home">
       <h1 class="main-header"> AAAAA </h1>
     </header>
     <article>
        <p class="main-block2">TEXT N1</p>
        <p class="main-block2">TEXT N2</p>
     </article>
    </body>
</html>
header.main-home {
    background: no-repeat left/cover url(https://i.pinimg.com/originals/43/22/5a/43225aba74ba46ba733f83ec5084e73d.jpg);
    display: flex;
    height: 100px;        /* Высота картинки */
    min-width: 120px;     /* Ширина картинки */
    align-items: center;
    color: #ffffff;
    text-shadow: #000 0 0 .2em;
    padding: 60px;
    justify-content: center;
    /*
    padding-left: 720px;
    padding-top: 50px;
    padding-bottom: 50px;
    */
}

nav.main-nav {
    background-color: #ffffff;
    padding: 5px;
    padding-top: 6px;
/*    margin-bottom: 10px;       */
}

p.main-block2 {
    font-family: monospace;
    font-size: 40px;
    background-color: #ffffff;
    padding: 50px;
    
}

div.main-search {
    align-content: center;
    display: flex;
}

h1.main-header {
    margin: 2%;
    font-family: monospace;
    font-size: 100px;
    align-content: center;
/*    padding-left: 470px;   */
}

input.main-search {
    display: none;
    text-align: center;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.