JSFiddle - React, Tailwind, and code Playground

HTML

<body class="Site">
  <header>
    
    <div class="wrapper">
    	<div id="logo"></div>
    	<div id="steamlogin"></div>

  </header>
  <main class="Site-content">
    <div class="centered">
        <h2>Lorem Ipsum</h2>
        <ul>
            <li>Sed vitae bibendum dui, sit amet ornare ligula.</li>
            <li>Vestibulum commodo quis felis at semper.</li>
            <li>Sed vitae bibendum dui, sit amet ornare ligula.</li>
            <li>Vestibulum commodo quis felis at semper.</li>
            <li>Sed vitae bibendum dui, sit amet ornare ligula.</li>
            <li>Vestibulum commodo quis felis at semper.</li>
        </ul>
        <h2>Dolor sit amet</h2>
        <ul>
            <li>Sed vitae bibendum dui, sit amet ornare ligula.</li>
            <li>Vestibulum commodo quis felis at semper.</li>
            <li>Sed vitae bibendum dui, sit amet ornare ligula.</li>
            <li>Vestibulum commodo quis felis at semper.</li>
            <li>Sed vitae bibendum dui, sit amet ornare ligula.</li>
            <li>Vestibulum commodo quis felis at semper.</li>
        </ul>
    </div>
  </main>
  <footer>this is footer</footer>
</body>

CSS

.Site {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
}

.Site-content {
  flex: 1;
}
header {
    width: 100%;
    height: 90px;
    background-color: #212022;
    border-bottom:1px solid orange;
}
main {
  background-color: #181719;
}

.centered {
    margin: 50px auto;
    padding:10px 50px;
    width: 730px;
    color: #efefef;
    background: #1c1b1d;
}
.centered h2 {
    text-align:center;
}
footer {
  width: 100%;
  height: 167px;
  background-color : #212022;
  border-top:1px solid orange;
}
p{
  color: white
}
#logo{
	width: 520px;
	height: 80px;
	background: url('//i.imgur.com/PHXLLsn.png') no-repeat scroll center;
	margin-top:5px;
  left: 120px;
  float: left;
	position: absolute;
}
#steamlogin{
	width:154px;
	height: 23px;
	background: url('//i.imgur.com/qKairpt.png');
	margin-top: 32px;
	float: right;
	position: absolute;right: 130px
}