posts.css

html,
body {
  margin: 0px;
  padding: 0px;
  font-family:'Ubuntu', sans-serif;
}
.header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 103px 26px 82px;
    background: #2E948A;
    box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.25);
  }
  
  .header > .nav {
    display: flex;
    list-style: none;
  
    margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 0px;
  }
  
  .header > .nav > li {
    padding: 0px 10px;
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 23px;
  
    text-transform: uppercase;
  
    color: #FDFDFD;
  }
  
  a:link {
    text-decoration: none;
    color: #FDFDFD;
  }
  a:visited{
    text-decoration: none;
    color: #FDFDFD;
  }
  h1{
position: absolute;
width: 758px;
height: 46px;
left: 310px;
top: 228px;
font-family: 'Ubuntu';
font-style: normal;
font-weight: 500;
font-size: 50px;
line-height: 57px;
display: flex;
align-items: center;
color: #FF4081;
  }
  p{
position: absolute;
width: 200px;
height: 21px;
left: 620px;
top: 289px;
font-family: 'Ubuntu';
font-style: normal;
font-weight: 300;
font-size: 18px;
line-height: 21px;
/* identical to box height */
display: flex;
align-items: center;
color: #9D9D9D;
  }