<body>
    <div class="header">
        <h1 class="header-title">
          Максим Ключевский  
        </h1>
        <p class="header-subtitle">фрилансер, веб-разработчик, создание сайтов</p>
        
        
    </div>
</body>
</html>
body{
    margin: 0;
    font-family: 'Montserrat', sans-serif;
/* font-family: 'MuseoModerno', cursive; */
    
}
.header{
    /*width: 100%;*/
    min-height: 100vh;
    background: #556983;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-image:url("https://loremflickr.com/900/900/dog") ;
    background-size: cover;
    background-position: center;
    /* object-fit: cover; */
    background-repeat: no-repeat;
    /* background-attachment: fixed ; */

}
.header-title{
    margin: 0;
    margin-bottom: 25px;
font-weight: 700;
font-size: 56px;
line-height: 130%;
color: white;
}
.header-subtitle{
    margin: 0;
font-weight: bold;
font-size: 16px;
line-height: 150%;
text-transform: uppercase;
color: white;
letter-spacing: 0.2rem;
/* 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.