@import url('https://fonts.googleapis.com/css2?family=Changa&display=swap');

@font-face { font-family: outrun; src:url('https://dl.dropbox.com/s/uj0oq3rni3j9rf8/Outrun%20future.otf?dl=0');}


    body { background: #C46F76;}

    .image {
        position: fixed;
        bottom: 0vh;
        right: 0vw;
        height: 80vh;
        width:41vw;
        background: url('https://cdn.discordapp.com/attachments/478793307166736384/784932511309496330/mercy.png') no-repeat;
        background-size: cover;
        filter: drop-shadow(.8vh .8vh 0vh #B4616B);

    }

    .texture { z-index: -1; position: absolute; top: 0%; left: 0%; height: 100%; width: 100%; background-image: url("https://www.transparenttextures.com/patterns/pinstriped-suit.png"); opacity: .5;}

    .title{ z-index: 1; position: absolute; bottom: 30vh; right: 5vw; font-family: outrun; color: #B4616B; font-size: 8vh; filter: brightness(50%); text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000;}

    .box { z-index: 1;
    position: absolute;
    bottom: 30vh;
    right: 1vw;
    height: ;
    width: 40vw;
    }

    U { text-decoration:none; text-transform:uppercase; font-family:changa; color:#fff;  border-radius:0vh 0vh 1vh 0vh; padding-right:.2vw; padding-top:0vh; padding-bottom:0vh; padding-left: .2vw; font-size:1.5vh; line-height:2.3vh; letter-spacing:.1vh; background-color:#C46F76; border: solid 1px #000; transition: all .7s ease-in-out;}

    u:hover { background: #fff; border: solid 1px #000; color: #000;}

    .box2 { position: absolute; bottom: 2vh; right: 15vw; height: 25vh; width: 15vw; background: #0008; padding: .8vh; font-family: changa; color: #fff; overflow: auto; line-height: 2vh;}


    ::-webkit-scrollbar {
 height: 10px;
 width: 2px;
 background-color: #transparent;
 border-radius:4px;
}


    a, a:link, a:visited {
color: #888;
letter-spacing:1px;
text-decoration:none;
transition:0.7s;}

a:hover{
color: #fff;
text-decoration: inherit;
transition: 0.7s;
    cursor: url('https://64.media.tumblr.com/tumblr_lyovxfnDb71qfoi4t.png'), default;}

    ::selection {
background:transparent;
color: transparent;
text-shadow: 0 0 10px #C46F76;}
    </style>
    <div class="image"></div>
    <div class="texture"></div>
    <div class="title">Alexander J. Mercer</div>
    <div class="box"><u>test</u> <u>test</u> <u>test</u> <u>test</u> <u>test</u> <u>test</u> <u>test</u> <u>test</u> <u>test</u> <u>test</u> <u>test</u> <u>test</u></div>
    <div class="box2">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ac sem sapien. Suspendisse potenti. Fusce nec justo eget augue interdum imperdiet non id lacus. Praesent blandit tincidunt metus a mattis. Sed facilisis mi sed imperdiet suscipit. Etiam porta cursus molestie. Integer vitae sollicitudin magna. Ut imperdiet laoreet sem, a pretium odio facilisis eget. Donec ac consequat velit. Integer rutrum sagittis orci quis ornare. Morbi ac ante sed elit bibendum condimentum. Vivamus eu mauris ac felis viverra auctor eget nec nulla. Vestibulum vitae vestibulum augue. Sed arcu mauris, hendrerit vel malesuada nec, lacinia ut lectus.

</div>