/*header style*/

header {

   text-align: center; 

   padding: 20px;

}

/*navigation menu style*/

nav {

   text-align: center;

   word-spacing: 30px;

   Padding: 10px;

}
body{background-color:white;
font-family:monospace;
}

h1{font-style:italic;
}

bild{text-align: center;}

h1:hover {
  background-color: yellow;
}

/*creating the two-column layout*/

<a id="skip-link" class="visually-hidden" href="#content">zum Inhalt</a>

<nav>
  <ul>
    <li><a aria-current="page">Home</a></li>
    <li><a href="#">Seite 2</a></li>
    <li><a href="#">Seite 3</a></li>
    <li><a href="#">Seite 4</a></li>
    <li><a href="#">Kontakt</a></li>
</nav>

<main id="content">

*{

   box-sizing: border-box;

}

.row {

   display: flex;

   flex-wrap: wrap;

}

.post-text-box {

   flex: 70%;

   padding: 20px;

}

.profile {

   flex: 70%;

   padding: 20px;

}

/*profile image and heading style*/

.profile img {

   width: 120px;

   display: block;

   margin-left: 0;

   margin-right: 0;

}

.profile h1 {

   text-align: center;

}