who's been eating my shit | profile text

<link href="https://fonts.googleapis.com/css2?family=Montserrat&display=swap" rel="stylesheet">
<style>
    ::-webkit-scrollbar {width: 5px;}
    ::-webkit-scrollbar-thumb {background: #bbb;}
.body{
    background: url(https://st.depositphotos.com/37372100/56286/v/450/depositphotos_562860852-stock-illustration-grid-background-paper-vector.jpg?forcejpeg=true)center;
    width: 500px;
    padding: 20px;
    border: 1px solid rgba(0,0,0,0.2);
    margin: auto;
    font-family: 'Montserrat';
    font-size: 14px
}
.contain{
    overflow: hidden;
    padding: 20px;
}
.intropic{
    background: url(https://64.media.tumblr.com/55411eb8511b31748d3158d3590ec985/tumblr_ntaas0Cb0Y1s3jnxpo5_r1_500.gifv)center;
    background-size: cover;
    width: 170px;
    height: 310px;
    border-radius: 60% 60% 0% 0%;
    border: 1px solid rgba(0,0,0,0.2);
    margin-right: 10px;
    float: left
}
.title{
    text-transform: uppercase;
    font-size: 30px;
    color: #C7443A;
    text-align: left;
    font-weight: bold
}
.title2{
    background: #C7443A;
    color: #fff;
    padding: 5px;
    font-size: 12px;
    text-align: center;
    margin: 5px 0px
}
.text{
    text-align: justify;
    color: #000;
    overflow: auto;
    padding: 10px;
    font-size: 11px
}
ul {
    padding-left:15px;
}
    ul li {
        list-style-type:none;
    }
    ul li:before {
          content: "— ";
          text-indent: -5px
    }
b, i{
    background: rgba(230,20,10,0.3)
}
.gallery{
    display: grid;
  grid-template-columns: auto auto auto auto;
  gap: 10px
}
.gallery > img{
    object-fit: cover;
    height: 110px;
    width: 110px
}
</style>
<div class="body">
<div class="intropic"></div>
<div class="text" style="height: 300px">
    <div class="title">Amaterasu.</div>
    <ul>
        <li>Name:</li>
        <li>Age:</li>
        <li>Birthday:</li>
        <li>Occupation:</li>
        <li>Orientation:</li>
        <li>Martial Status:</li>
    </ul>
    <div class="title2">who's been eating my shit</div>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Sollicitudin tempor id eu nisl nunc mi ipsum faucibus.
    <div class="title2">awoooooo aesthetics</div>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Sollicitudin tempor id eu nisl nunc mi ipsum faucibus.
</div>
<div class="text">
<div class="title">about</div>
    <b>Lorem ipsum dolor sit amet, consectetur adipiscing elit,</b> sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Sollicitudin tempor id eu nisl nunc mi ipsum faucibus. Diam maecenas sed enim ut sem viverra aliquet eget sit. Quam elementum pulvinar etiam non quam lacus. Nibh mauris cursus mattis molestie a iaculis. Turpis massa sed elementum tempus egestas. Leo integer malesuada nunc vel risus commodo viverra maecenas. Magna etiam tempor orci eu. Bibendum at varius vel pharetra vel turpis nunc eget lorem. Consequat mauris nunc congue nisi vitae. Bibendum est ultricies integer quis auctor. Vitae turpis massa sed elementum tempus egestas sed sed. Cras sed felis eget velit.

<div class="title" style="text-align: right">personality</div>
<div style="column-count: 2">
    <div class="title2" style="margin-top: 0px">"Nice going, furball!"</div>
Rutrum quisque non tellus orci ac. Ut porttitor leo a diam sollicitudin tempor id eu nisl. Enim sed faucibus turpis in. <i>Lacinia quis vel eros donec. Nulla pharetra diam sit amet nisl. Cras semper auctor neque vitae tempus. Potenti nullam ac tortor vitae purus faucibus. Mattis aliquam faucibus purus in massa tempor.</i> Nec sagittis aliquam malesuada bibendum arcu vitae elementum curabitur. Eu tincidunt tortor aliquam nulla. Malesuada nunc vel risus commodo viverra maecenas accumsan lacus vel. Risus feugiat in ante metus. Senectus et netus et malesuada fames. Quis commodo odio aenean sed adipiscing diam donec adipiscing. Nisl purus in mollis nunc sed id semper risus. Morbi tristique senectus et netus et malesuada fames.

    </div>
        <div class="title">appearance</div>
        <div class="gallery">
        <img src="https://i.pinimg.com/550x/45/8a/cb/458acb763238e49b84ee268c3bbd6404.jpg">
        <img src="https://i.pinimg.com/originals/b8/a6/8a/b8a68ab6214da5764955f2a284f9bc77.jpg">
        <img src="https://w0.peakpx.com/wallpaper/807/413/HD-wallpaper-%C5%8Ckami-%E5%A4%A7%E7%A5%9E-amaterasu-among-leafs-amaterasu-okami-leafs.jpg">
        <img src="https://wallpapers.com/images/hd/splendid-watercolor-okami-dab4jpind2px1x07.jpg">
        </div></div>
        <div style="text-align: center;">Name / Timezone / Age / Contact / <a href="https://finchscodes.tumblr.com" style="text-decoration: none;color: #000;" target="_blank"> Coded by Finch</a>
    </div></div>
</div>