Wigglytuff

<style>
    @import url('https://www.themonster.xyz/styles/fancy-fonts.css');
::-webkit-scrollbar{width:0.5vh;height:0.1vh;}
 ::-webkit-scrollbar-track{border-radius:0;background:transparent;}
 ::-webkit-scrollbar-thumb{border-radius:0;background:transparent;}

    body{
        background: #FF88C7;
    }

    #image{
        position: fixed;
        top: 0vh;
        left: 10vw;
        z-index: 5;
        filter: drop-shadow(-6vh 0vh 0vh #fff);
    }

    #image img{
        height: 100vh;
    }


    #maininfo, #stats, #pokemon, #ooc{
        position: fixed;
        padding: .5%;
        background: #FFF4FF;
        border: .5vh #f07aad solid;
        z-index: 2;
        font-family: 'Whitney';
        font-size: 1.75vh;
        color: #f07aad;
        overflow: auto;
    }

    #maininfo{
        height: 18vh;
        width: 40vw;
        bottom: 29vh;
        right: 7vw;
    }

    #stats, #pokemon, #ooc{
        height: 16vh;
        width: 12vw;
        bottom: 9vh;
    }
    #stats{right: 35vw;}
    #pokemon{right: 21vw;}
    #ooc{right: 7vw;}


    #title{
        position: fixed;
        height: 14vh;
        width: 41.25vw;
        right: 7vw;
        top: 36vh;
        z-index: 4;
        text-align: right;
        font-family:'Big Noodle Titling';
        font-size: 15vh;
        color: #ffebf3;
    }

    #subtitle{
        position: fixed;
        height: 15vh;
        width: 41.25vw;
        right: 7vw;
        top: 35vh;
        z-index: 3;
        text-align: right;
        font-family:'Big Noodle Titling';
        font-size: 3vh;
        color: #ffebf3;
    }

    h1{
        font-family: 'Big Noodle Titling';
        font-size: 4vh;
        font-weight: lighter;
        color: #f07aad;
    }

    a{
        color: #f07aad;
        text-decoration: underline;
        transition: 0.3s;
    }
    a:hover{
        color: #fff;
        transition: 0.3s;
    }

    .r{float: right;}

</style>

<div id="image">
    <img src="https://i.imgur.com/G73YSer.png">
</div>
<div id="title">Wigglytuff</div>
<div id="subtitle">No. 40, the Balloon Pokemon:</div>
<div id="maininfo">
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nibh sed pulvinar proin gravida hendrerit lectus. Egestas diam in arcu cursus euismod. Feugiat in fermentum posuere urna nec tincidunt. Risus in hendrerit gravida rutrum. Imperdiet sed euismod nisi porta lorem mollis. Amet aliquam id diam maecenas ultricies mi eget. Mauris ultrices eros in cursus turpis massa tincidunt dui. Nec tincidunt praesent semper feugiat. Et malesuada fames ac turpis. Posuere lorem ipsum dolor sit amet. Augue ut lectus arcu bibendum at varius vel pharetra vel.</p>

    <p>Volutpat est velit egestas dui id ornare. Malesuada fames ac turpis egestas maecenas. Suscipit adipiscing bibendum est ultricies. Nunc mi ipsum faucibus vitae aliquet nec ullamcorper sit amet. Sem fringilla ut morbi tincidunt augue interdum velit. Consequat semper viverra nam libero justo laoreet sit. Nunc mattis enim ut tellus elementum sagittis vitae. Velit aliquet sagittis id consectetur purus ut faucibus. Diam in arcu cursus euismod quis viverra nibh cras pulvinar. Aliquet porttitor lacus luctus accumsan tortor posuere ac ut. Quis vel eros donec ac odio tempor orci dapibus. Vel quam elementum pulvinar etiam non quam lacus suspendisse. Purus non enim praesent elementum. At tellus at urna condimentum mattis pellentesque id nibh tortor. Lectus nulla at volutpat diam ut venenatis tellus. Sit amet risus nullam eget felis eget.</p>

    <p>In ante metus dictum at. Nibh venenatis cras sed felis eget velit aliquet. Diam maecenas ultricies mi eget. Vulputate enim nulla aliquet porttitor lacus luctus. Nunc sed id semper risus in hendrerit gravida. Praesent tristique magna sit amet. Pharetra vel turpis nunc eget. Hac habitasse platea dictumst quisque. Felis eget velit aliquet sagittis id consectetur purus ut faucibus. Pellentesque elit eget gravida cum sociis natoque penatibus et magnis. Duis tristique sollicitudin nibh sit amet. Iaculis urna id volutpat lacus laoreet non curabitur gravida. Enim ut tellus elementum sagittis vitae et leo duis. Sem fringilla ut morbi tincidunt augue interdum velit. Vitae justo eget magna fermentum iaculis eu non. Sed felis eget velit aliquet. Vel elit scelerisque mauris pellentesque pulvinar. Ut consequat semper viverra nam libero justo laoreet sit. Diam donec adipiscing tristique risus.</p>
</div>
<div id="stats">
<h1>Stats</h1>
Name:<div class="r">Stat</div><br>
Name:<div class="r">Stat</div><br>
Name:<div class="r">Stat</div><br>
Name:<div class="r">Stat</div><br>
Name:<div class="r">Stat</div><br>
Name:<div class="r">Stat</div><br>
Name:<div class="r">Stat</div><br>
</div>
<div id="pokemon">
    <h1>Pokestats</h1>
    Name:<div class="r">Stat</div><br>
    Name:<div class="r">Stat</div><br>
    Name:<div class="r">Stat</div><br>
    Name:<div class="r">Stat</div><br>
    Name:<div class="r">Stat</div><br>
</div>
<div id="ooc">
    <h1>OOC</h1>
    <ol>
        <li>OOC</li>
        <li>OOC</li>
        <li>OOC</li>
        <li>OOC</li>
        <li>OOC</li>
        <li>OOC</li>
        <li>OOC</li>
        <li>This layout was constructed for Wigglytuff's use by <a href="https://roleplay.chat/profile.php?user=From+Shadows+Codes">From Shadows.</a> Please do not steal or appropriate.</li>
    </ol>
</div>