[html]
<link href='http://fonts.googleapis.com/css?family=Oswald|Roboto+Condensed' rel='stylesheet' type='text/css'>
<link href="https://fonts.googleapis.com/css2?family=Gwendolyn:wght@400;700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=DM+Serif+Text:ital@0;1&display=swap" rel="stylesheet">
<style type="text/css">
.text::-webkit-scrollbar {
width: 2px;
}
::-webkit-scrollbar-thumb {
background-color: #5b5b5b;
border-radius: 2px;
}
::-webkit-scrollbar {
background-color: #fff;
border-radius: 2px;
}
.window {
position: relative;
padding: 5px;
width: auto;
font-family: Roboto Condensed;
text-align: justify;
background-color: #f3f6f4;
border-radius: 5px;
}
.text {
position: relative;
overflow: auto;
line-height: 85%;
width: auto;
height: 100px;
padding: 12px;
font-size: 10px;
font-family: roboto condensed;
letter-spacing: 0.5px;
text-transform: lowercase;
}
.top1 {
font-family: "DM Serif Text", serif;
font-size: 21px;
text-align: center;
line-height: 100%;
background-color: #80605d;
margin-top: 10px;
margin-bottom: 1px;
margin-left: 8px;
margin-right: 8px;
padding-top: 5px;
padding-bottom: 5px;
letter-spacing: 2px;
border-radius: 25px 25px 25px 25px;
}
.top1:hover {
letter-spacing: 7px;
background-color: #222;
color: #c7c7c7;
transition: 2s;
}
.top2 {
font-family: "DM Serif Text", serif;
font-size: 21px;
text-align: center;
line-height: 100%;
background-color: #ad9aa7;
margin-top: 10px;
margin-bottom: 1px;
margin-left: 8px;
margin-right: 8px;
padding-top: 5px;
padding-bottom: 5px;
letter-spacing: 2px;
border-radius: 25px 25px 25px 25px;
}
.top2:hover {
letter-spacing: 7px;
background-color: #b1799f;
color: #dfdfdf;
transition: 2s;
}
.bot {
margin-top: 8px;
}
.fancy {
font-family: "Gwendolyn", serif;
font-weight: 700;
font-style: normal;
font-size: 18px;
color: #5b5b5b;
letter-spacing: 5px;
}
.dudes {
width: 150px;
height: auto;
padding: 5px;
font-size: 10px;
font-family: roboto condensed;
letter-spacing: 2px;
text-transform: lowercase;
border: 1px solid #999999;
background-color: #FAFBFA;
}
</style>
<center>
<table>
<tr>
<td>
<div class="window">
<div style="border-left: 1px solid #80605d; border-right: 1px solid #80605d; border-top: 1px solid #80605d; border-bottom: 1px solid #80605d; ">
<div class="top1"> chapter I. 1983 </div>
<div class="text">
I swear I meant to mean the best when it ended,
Even tried to bite my tongue, when you start <span class="fancy"><u><i><b>shit</b></i></u></span>.
Now you're texting all my friends asking questions.
They <i>never even liked <b>you</b></i> in the first place.
<br><br>
Dated a girl that I <b>hate</b>, for the <i>attention</i>,
She only made it two days, <i>what a connection</i>!
It's like you'd do <b>anything</b> for my affection,
You're goin' all about it in the <i>worst ways</i>.
<br><br>
You said you just needed space, and so I gave it.
When I had nothin' to say, you couldn't take it.
Told everyone I'm a <span class="fancy"><i><b>bitch</b></i></span>, so I became it.
Always had to put yourself above me...
<br><br>
I was into you, but I'm over it now.
And I was tryin' to be <i>nice</i>,
But nothing's getting through, so <i>let me spell it out</i>:
<br><br>
<hr>
<center><b><i><u>A-B-C-D-E, fuck you!</b></i></u><br>
And your mom and your sister and your job!<br>
And your broke-ass car and that <b>shit</b> you call art!<br>
Fuck you and your friends that I'll nеver see again!<br>
Everybody, <i><b>but your dog</b></i>, you can all <br><span class="fancy"><i>fuck off!</i></span></center>
<hr>
</div>
<div style="background-color: #80605d;">
<div class="bot"><iframe frameborder="0" allow="clipboard-write" style="border:none;width:50px;height:50px;" width="100%" height="100" src="https://music.yandex.ru/iframe/track/91633398/18267186">Слушайте <a href='https://music.yandex.ru/album/18267186/track/91633398'>abcdefu (angrier)</a> — <a href='https://music.yandex.ru/artist/193340'>GAYLE</a> на Яндекс Музыке</iframe>
</div>
</div>
</div>
</td>
<td>
<div class="window">
<div style="border-left: 1px solid #ad9aa7; border-right: 1px solid #ad9aa7; border-top: 1px solid #ad9aa7; border-bottom: 1px solid #ad9aa7;">
<div class="top2"> chapter II. 199X </div>
<div class="text">
The moon is high,
Like your friends were the night that <span class="fancy"><i><b><u>we</u></b></i></span> first met.
Went home and tried to stalk you on the internet.
Now I've read <i>all of the books</i> beside your bed.
<br><br>
The wine is cold,
Like the shoulder that I gave you in the street.
Cat and mouse for a month or two or three,
Now I wake up in the night and <i>watch you breathe</i>.
<br><br>
<i>Kiss me</i> once 'cause you know I had a long night,
<i>Kiss me</i> twice 'cause it's gonna be alright,
<i>Three times</i> 'cause <i><b><u>I've waited my whole life</u></b></i>.
<br><br>
In the winter, in the icy outdoor pool,
When you jumped in first, I went in too.
<i>I'm with you</i>, even if it makes me blue.
Which takes me back
To the color that we painted your brother's wall.
Honey, without all the <b><i><u>exes</u>, fights</i></b>, and <b>flaws</b>
We wouldn't be standing here so tall, so...
<br><br>
<hr>
<center>I like shiny things, <br>but I'd marry you with paper rings.<br>
<i>Darling</i>, you're the one I want, and<br>
I hate accidents, except when we went <br>from friends to <i><b><u>this</u></b></i>.<br>
<span class="fancy">Darling</span>, <i>you're the one I want</i>.
</center>
<hr>
</div>
<div style="background-color: #ad9aa7;">
<div class="bot">
<iframe frameborder="0" allow="clipboard-write" style="border:none;width:50px;height:50px;" width="100%" height="100" src="https://music.yandex.ru/iframe/track/56915617/8476054">Слушайте <a href='https://music.yandex.ru/album/8476054/track/56915617'>Paper Rings</a> — <a href='https://music.yandex.ru/artist/4065'>Taylor Swift</a> на Яндекс Музыке</iframe>
</div>
</div>
</div>
</td>
</tr>
</table>
<div class="dudes"><a href=https://sunnycross.ru/profile.php?id=1007>sirius</a> & <a href=https://sunnycross.ru/profile.php?id=1008>remus</a></div>
</center>[/html]