. cc / <b class="blue">カイト</b>
<img src="https://uchicken.nekoweb.org/shrubs/kaito.png" title="art by nico1016">
i luv my boyfriend <b class="blue">(ෆ˙ᵕ˙ෆ)♡</b>

<div class="mail">
go my scrollbox' anywas kaito lovemail soon!!! yay!! yippee!! we cheereed!
<br>
<b class="mark">3/17/26, 9:25:</b> oki i pre-ordered the cantarella kaito nendo ysyay
<br>
more text so it can scroll on acomputer...
</div>

<style>
:root {
--color-border: #6082B6;
--color-icon: #6082B6;
--text-color: black;
}
:root[data-theme="dark"] {
--color-border: #6082B6;
--color-icon: #6082B6;
--text-color: white;
}
.container-1 {
text-align: center;
border: 1px solid #6082B6;
width: 500px;
}
body { color: var(--text-color); }
img {
display: block;
margin: auto;
width: 300px;
}
.blue {
color: #6082B6;
}
.mark {
background: rgba(96, 130, 182, 0.3);
text-decoration: underline;
}
.mail {
margin: auto;
width: 300px;
height: 120px;
border: 2px dotted darkblue;
overflow-y: scroll;
text-align: left;
padding: 5px;
background: rgba(0, 0, 0, 0.1);
}
@media (max-width: 400px) {
.container-1 {width: 300px;}
img {width:200px}
.mail {width:250px}
}
</style>