background:white;}

/** CSS by Austin (638877683) **/

body {
    background: #AE5654;
    color: #BD6461;
    cursor: url(https://i.postimg.cc/DwwRVJkg/lhPqll6.png), progress;
    font-family: 'Karla', sans-serif;
    font-size: 0.9em;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0px;
    margin: 0;
    text-align: left;
    text-transform: none;
    word-break: break-word;
}


#container {
    margin-left: auto;
    margin-right: auto;
    margin-top: 100px;
    width: 650px;
    height: 458px;
    background: #EBECED;
    box-shadow: 0px 5px 15px rgba(127,0,0,0.3);
}
  #container:before {
    display: block;
    content: '';
    position: absolute;
    height: 458px;
    width: 180px;
    background: #BD6461;
  }

  #nav {
    position: relative;
    display: block;
    height: 64px;
    margin-left: 38px;
  }

  #nav ul {
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 0;
  }

  #nav__left {
    /*width: 325px;    */
    color: #EBECED;
  }

  #nav__right {
    /*left: 5px;    */
left: 305px;
  }

  #nav ul li {
    list-style: none;
    display: inline-block;
    line-height: 64px;
    margin-right: 46px;
    position: relative;
    z-index: 1;
  }

#nav ul li a {
text-decoration: none;
color: inherit;
}

  #nav__right li a:hover:after {
    content: '';
    position: absolute;
    z-index: -1;
    height: 7px;
    margin-top: 33px;
    margin-left: -100%;
    width: 100%;
    background: #AE5654;
  }

  #content {
    position: relative;
    display: block;
  }

  #pfp-holder {
    position: relative;
    float: left;
    margin-left: 38px;
  }

  #pfp {
border-radius: 8px;
    display: block;
    width: 284px;
    height: calc(296px + 54px);
    background: url(https://i.postimg.cc/fyLFTYcK/57487910-1971534769624700-1125714793612293381-n.jpg) no-repeat center/cover;
  }

  #pfp-nav {
    height: 54px;
    background: #3B3154;
    position: relative;
    top: -54px;
  }

  #about-holder {
    position: relative;
    float: left;
    margin-left: 25px;
    text-align: left;
  }

/* */

[id*=styme]{height:100vh;overflow:hidden;}

iframe{position:absolute;top:-500px;left:-500px;

[font:Karla]

<div id="container">
 <div id="nav">
 <ul id="nav__left">
 </ul>
 <ul id="nav__right">
 <li><a href="https://xat.com/Help">help</a></li>
 <li><a href="https://xat.com/FEXBots">fexbots</a></li>
 <li><a href="https://discord.com/users/169268989787111424">Austin#4287</a></li>
 </ul>
 </div>
 <div id="content">
 <div id="pfp-holder">
 <div id="pfp"></div>
 </div>
 <div id="about-holder">
 <h1>Austin</h1>
 <strong>Age</strong> 21 years old
 <br />
 <strong>Date of Birth</strong> June 17, 1999
 <br />
 <strong>Occupation</strong> Student
 <br />
 <strong>Location</strong> United States
 <br />
 <p>Let justice be done though the heavens fall.</p>
 </div>
 </div>
</div>

 [youtube:500:500:gXNdCWXO8AM:autoplay=1&playlist=gXNdCWXO8AM&loop=1]