body {
  background-color: #ffffff;
  color: black;
  font-family: Verdana;
}

.nav {
 border-style: groove; 
 border-width: 5px;
 padding: 5px;
 margin-top: 10px;
 background-color: #f2f3f4;
}

.nav ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
}

.nav ul li a {
  display: block;
  padding: 20px 26px;
  text-decoration: none;
  font-size: 20px;
  color: black;
}

.nav ul li a:hover {
  background-color: lightgray;
}

.blok {
  align-content: center;
  justify-content: flex-end;
  display: grid;
}

.prof {
 display: block;
 position: fixed;
 border-style: groove; 
 border-width: 5px;
 padding: 5px;
 margin-top: 10px;
 background-color: #f2f3f4;
 width: 300px;
}

img {
  position: static;
  border-style: outset; 
  border-width: 5px;
}

.prof img {
  width: 280px;
  height: auto;
  margin: 5px;
}

.prof p {
  display: block;
  border-style: outset; 
  border-width: 5px;
  padding: 5px;
  margin: 5px;
  width: 270px;
  font-size: 20px;
  text-align: center;
}

.pthb {
  border-style: groove;
  border-width: 5px;
  padding: 11px;
  padding-right: 9px;
  margin-top: 10px;
  background-color: #f2f3f4;
  width: 290px
}

.pthb img {
  height: 82px;
}

.post {
  display: block;
  border-style: groove; 
  border-width: 5px;
  padding: 5px;
  margin-top: 10px;
  background-color: #f2f3f4;
}

.post p {
  border-style: groove; 
  border-width: 5px;
  margin: 5px;
  padding: 5px;
  width: auto;
}