xatspace 543534

background-color: #f3f3f3;}
/** CSS By Austin (638877683) **/
body {
  color: #000;
  font: normal normal 10px 'Lato';
  letter-spacing: 1px;
}

* {
  user-select: none;
  --accent: #b1b6b9;
}

.container {
  margin: 0 auto;
  width: 400px;
  height: auto;
}

.top {
  width: 100%;
  display: flex;
}

.topleft,
.topright {
  background-color: white;
  padding: 10px;
  margin-top: 10px;
  border-bottom: 1px solid #e1e1e1;
  width: 170px;
  height: 170px;
  display: inline-block;
  overflow: hidden;
  text-align: center;
}

.topright {
  margin-left: 20px;
}

.topright img {
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  padding: 10px;
}

h1 {
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 3px;
  text-align: center;
  padding: 17px 0px;
  margin-top: 10px;
  background-color: rgba(0, 0, 0, 0.85);
  color: #fff;
  border-bottom: 1px solid #e1e1e1;
}

h2 {
  text-transform: uppercase;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 2px;
  text-align: center;
}

.topleft span:nth-child(even) {
  color: var(--accent);
  text-transform: uppercase;
  font-size: 8px;
  display: block;
  font-weight: 700;
  line-height: 18px;
}

.topleft span:nth-child(odd) {
  font-weight: 300;
  font-size: 10px;
  line-height: 18px;
}

.midlinks {
  display: block;
  background-color: #fff;
  margin-top: 15px;
  border-bottom: 1px solid #ddd;
  padding: 10px;
  text-align: center;
}

.midlinks a {
  display: inline-block;
  width: 80px;
  text-transform: uppercase;
  font-size: 9px;
  border: none;
  letter-spacing: 2px;
  font-weight: 300;
}

a,
a:visited {
  color: #000;
  /*border-bottom: 1px solid var(--accent);*/
  text-decoration: none;
}

.bio {
    display: block;
    padding: 25px;
    background-color: #fff;
    border-bottom: 1px solid #ddd;
    margin-top: 15px;
    font-weight: 300;
    font-size: 11px;
    line-height: 20px;
}

.bio h1 {
    text-align: center;
    background-color: #fff;
    color: #000;
    border: none;
    padding: 10px 0px;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 2px;
}

.bio h1:after {
    content: '';
    position: absolute;
    height: 3px;
    width: 30px;
    left: 50%;
    margin-top: 20px;
    margin-left: -15px;
    background-color: var(--accent);
}

*{;

///

[font:Lato]
<div class="container">
 <h1>Meet Austin.</h1>
 <div class="top">
 <div class="topleft">
 <h2>Basics</h2>
 <span>Name</span>
 <span>Austin</span>

 <span>Age</span>
 <span>XIX</span>

 <span>Sign</span>
 <span>Gemini</span>

 <span>From</span>
 <span>United States</span>
 </div>
 <div class="topright">
 <img src="https://i.postimg.cc/4dCXwD9P/mCI7QPq.png" />
 </div>
 </div>

 <div class="midlinks">
 <a href="https://xat.com/FEXBots">home</a>
 <a href="https://discordapp.com/users/169268989787111424">discord</a>
 </div>
 <div class="bio">
 <h1>Devil Town · cavetown</h1>
[youtube:350:197:57nMDiqHwYA:autoplay=1&playlist=57nMDiqHwYA&loop=1&showinfo=0&rel=0&modestbranding=1]
 </div>
</div>