Dandy Lady

<style>

@import url('//fonts.googleapis.com/css?family=Teko');
 @import url('//fonts.googleapis.com/css?family=Yellowtail');

::-webkit-scrollbar {width: .3vw; height: 1vw; background: #; }
::-webkit-scrollbar-thumb { background-color:#; border-radius:5vw;}

a:link, a:visited, a:active{color:#2D2135;text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; text-decoration:none;}

a:hover { color: #A08E98;text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; }

h1 {text-align: center;font-family:'Yellowtail';text-align:center;color:#2D2135;text-shadow:1px 1px 0px #000;font-size: 30px;line-height:25px;letter-spacing:5px;}

i {color:#2D2135;font-style: italic;}
b {color:#2D2135;font-weight: bold;}

body{background-image: linear-gradient(to left, #FAD0CE,#9F8E98);overflow:hidden;-webkit-animation: fadein 5s;
 -moz-animation: fadein 5s;
 -ms-animation: fadein 5s;
 -o-animation: fadein 5s;
 animation: fadein 5s;}


@keyframes fadein {
 from { opacity: 0; }
 to { opacity: 1; }
}


@-moz-keyframes fadein {
 from { opacity: 0; }
 to { opacity: 1; }
}


@-webkit-keyframes fadein {
 from { opacity: 0; }
 to { opacity: 1; }
}

@-ms-keyframes fadein {
 from { opacity: 0; }
 to { opacity: 1; }
}


@-o-keyframes fadein {
 from { opacity: 0; }
 to { opacity: 1; }
}


#content {position: fixed;left: 0px;top: 0px; right: 0px; bottom: 0px;}

.overlay{background:url(https://www.transparenttextures.com/patterns/always-grey.png);background-repeat:repeat;position:absolute;width:100%;height:100%;bottom:0px;left:0px;}

.dane{position:absolute;background:url(https://cdn.discordapp.com/attachments/607073723316437016/720738341275959447/lady1.png);background-size:100%;background-repeat:no-repeat;width:365px;height:635px;bottom:0px;left:100px;z-index:5;}

.dane2{position:absolute;background:url(https://cdn.discordapp.com/attachments/607073723316437016/720738345218736218/lady2.png);background-size:100%;background-repeat:no-repeat;width:370px;height:628px;bottom:0px;left:800px;z-index:5;-webkit-transform: scaleX(-1);
  transform: scaleX(-1);}

.border{position:absolute;background:url(https://www.transparenttextures.com/patterns/dark-brick-wall.png);background-repeat:repeat;background-color:#BDBAD5;width:500px;height:580px;bottom:0px;left:385px;z-index:1;border-radius:50px 50px 0px 0px;border-top:1px solid #807B92;border-left:1px solid #807B92;box-shadow:10px 10px 0px #807B92;}

.b1{position:absolute;background-image:url(https://www.transparenttextures.com/patterns/asfalt-dark.png);background-color:#F6EBDF;width:480px;height:150px;bottom:420px;left:395px;z-index:2;border-radius:50px;border:1px solid #807B92;box-shadow:0px 0px 5px #807B92;opacity:1;}

.text1{position:absolute;background-color:#;width:430px;height:130px;bottom:430px;left:415px;z-index:10;border-radius:10px;opacity:1;color:#A38F99;font-family:'Teko', sans-serif;overflow-y:scroll;line-height:18px;}

.b2{position:absolute;background-image:url(https://www.transparenttextures.com/patterns/asfalt-dark.png);background-color:#F6EBDF;width:240px;height:240px;bottom:170px;left:650px;z-index:2;border-radius:50px;border:1px solid #807B92;box-shadow:0px 0px 5px #807B92;opacity:1;}

.text2{position:absolute;background-color:#;width:220px;height:220px;bottom:180px;left:660px;z-index:10;border-radius:50px;opacity:1;color:#A38F99;font-family:'Teko', sans-serif;overflow-y:scroll;line-height:18px;}

.b3{position:absolute;background-image:url(https://www.transparenttextures.com/patterns/asfalt-dark.png);background-color:#F6EBDF;width:240px;height:240px;bottom:170px;left:395px;z-index:2;border-radius:50px;border:1px solid #807B92;box-shadow:0px 0px 5px #807B92;opacity:1;}

.text3{position:absolute;background-color:#;width:220px;height:220px;bottom:180px;left:405px;z-index:10;border-radius:50px;opacity:1;color:#A38F99;font-family:'Teko', sans-serif;overflow-y:scroll;line-height:18px;}

.b4{position:absolute;background-image:url(https://www.transparenttextures.com/patterns/asfalt-dark.png);background-color:#F6EBDF;width:480px;height:150px;bottom:10px;left:395px;z-index:2;border-radius:50px;border:1px solid #807B92;box-shadow:0px 0px 5px #807B92;opacity:1;}

.text4{position:absolute;background-color:#;width:410px;height:133px;bottom:20px;left:432px;z-index:10;border-radius:50px;opacity:1;color:#A38F99;font-family:'Teko', sans-serif;overflow-y:scroll;line-height:18px;}

.title{position:absolute;z-index:4;bottom:550px;font-size:40px;width:500px;left:430px;opacity:1;line-height:60px;font-family:'Yellowtail';text-align:left;background-image:url(https://media3.giphy.com/headers/xfrgmnts/pZhkrZrlPoj4.gif);-webkit-background-clip: text; -webkit-text-fill-color: transparent;-webkit-transition: all 1s;}

.title2{position:absolute;z-index:3;bottom:550px;font-size:40px;width:500px;left:430px;opacity:1;line-height:60px;font-family:'Yellowtail';text-align:left;text-shadow: 2px 0 0 #807B92, -2px 0 0 #807B92, 0 2px 0 #807B92, 0 -2px 0 #807B92, 1px 1px #807B92, -1px -1px 0 #807B92, 1px -1px 0 #807B92, -1px 1px 0 #807B92;}

.div1 {float: left;color:#2E2234;text-shadow:1px 1px 0px #19322B;}

.div2 {float:right;text-align: right;color:#fff;text-shadow:1px 1px 0px #19322B;}

.credit{bottom:0vw;left:96vw;width: 5vw;height: 6vw;opacity: 1;overflow: hidden;position: fixed;}

</style>


<div class="dane"></div><div class="dane2"></div><div class="overlay"></div><div class="border"></div>

<div class="title">Do you know how to be a lady?</div>
<div class="title2">Do you know how to be a lady?</div>

<div class="b1"></div>
<div class="b2"></div>
<div class="b3"></div>
<div class="b4"></div>

<div class="text1">
<h1>Title</h1>
<div class="div1">info</div>
<div class="div2">info</div><Br>
<div class="div1">info</div>
<div class="div2">info</div><Br>
<div class="div1">info</div>
<div class="div2">info</div><Br>
<div class="div1">info</div>
<div class="div2">info</div><Br>
<div class="div1">info</div>
<div class="div2">info</div><Br>
<div class="div1">info</div>
<div class="div2">info</div><Br>

</div>

<div class="text2">
<h1>Title</h1>
<i>italics</i> - <b>bold</b><bR>
<a href="" target="_Blank">This is a link</a><br>
</div>

<div class="text3">
<h1>Title</h1>
<i>italics</i> - <b>bold</b><bR>
<a href="" target="_Blank">This is a link</a><br>
</div>

<div class="text4">
<h1>Title</h1>
Profile coded by <a target="_blank" href="https://roleplay.chat/profile.php?user=ReverieStyles" target="_blank">RStyles</a>. Hit them up if you're interested in a code.
</div>



<div class="credit"><a target="_blank" href="https://roleplay.chat/profile.php?user=ReverieStyles" target="_blank"><img src="https://i.imgur.com/fgKTyd3.png" width="100%"></a>