[CSS] JOSH A · LONELY VIBES

background-color: #f3f3f3;}
*{cursor:url(https://i.postimg.cc/dQzW1Jx5/Blackcursor.png),auto}
body{margin:0;font-family:'Roboto',sans-serif}
/** 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);
}
a:hover{cursor: url('https://i.postimg.cc/jShvZPd1/pointer.png') ,auto}}#nowaymenu{position:absolute}#nowaymenu{bottom:0;}
{;


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

 <span>Age</span>
 <span>XVII</span>

 <span>Sign</span>
 <span>Cancer</span>

 <span>From</span>
 <span>CR</span>
 </div>
 <div class="topright">
 <img src="http://u.cubeupload.com/D3ad/Suicide.jpg" />
 </div>
 </div>

 <div class="midlinks">
 <a href="https://xat.com/pgo">PGO</a>
 <a href="https://discordapp.com/users/222770959927476224">discord</a>
 </div>
 <div class="bio">
 <h1>Josh A · lonely lives</h1>
[youtube:350:197:sx4icXPF_a4:autoplay=1&playlist=xkdSz9XGCQg&loop=1&showinfo=0&rel=0&modestbranding=1]
 </div>
</div>