<style>
@font-face {
font-family: 'kinder';
src: url('https://file.garden/ZuQf8MRKYTjyuCx8/kindergarten.ttf');
}

.contain {
margin: 0 auto;
background: #f2efe1; max-width: 20em;
height: 25em;
border-radius: 4px;
border: #cacaca 1px solid; /* first layer border color */
overflow: hidden;
}

.contain a {
font-family: kinder;
}

.container-1 {
border: none;
padding: 0;
}

#title {
background: url('https://i.pinimg.com/736x/54/36/2f/54362f71b74f3056d90168a2dcf993bd.jpg');
height: 2em;
border-radius: 3px 3px 0px 0px;
border-bottom: #cacaca 1px solid;
}

#thebox {
margin: 6px auto;
background: url(https://i.pinimg.com/736x/c4/a6/65/c4a665ac45e42255e770ae341916f1ae.jpg) no-repeat; 
max-width: 19.5em;
height: 22em;
border: #9fba88 1px solid; /* main context box border color */
overflow-y: scroll;
background-position: right;
}

#navbar {
background: #e6e5d4; 
max-width: 19.5em;
height: 1.5em;
border-bottom: #9fba88 1px solid; /* this border color should match the main context box border color */
display: flex;
padding: 0 5px;
justify-content: space-between;
color: #9fba88;
}

#links a { /* navigation links settings */
color: #9fba88; !important; 
text-decoration: underline 1px;
}

#links a:visited { /* navigation links settings */
color: #9fba88; !important; 
}

#icon { /* image settings */
width: 9em;
}

#columns {
display: flex;
flex-direction: column;
align-items: center;
}

#columns span{
background: url(https://i.pinimg.com/736x/b1/d8/8f/b1d88fa0c66f8046ff1e8de1e90f87b2.jpg); 
border: #cacaca 1px solid; /* main content title box border */
border-radius: 0px; 
height: 1.8em;
width: 9em;
padding: 0 5px;
margin-top: 5px;
color: #c8d4be;
}

#scroll { 
width: 8em;
height: 3.5em;
overflow: scroll;
color: #656464; /* scrollbox text color */
line-height: 1rem;
margin-top: .2rem;
}

#scroll::-webkit-scrollbar {
  display: none;
}

#thebox::-webkit-scrollbar {
  display: none;
}

@keyframes marquee {
  from { transform: translateX(100%); }
  to { transform: translateX(-100%); }
}


</style>

<div class="contain">
<div id="title"></div>
<div id="thebox">
<!-- start of navigation & links box-->
<div id="navbar">
<p>♡ ‎ ♡ ‎ ♡ ‎ ♡</p> <div id="links"><a href="/profile/beck">profile</a> ‎ <a href="/hoard/beck">urls</a> ‎ <a href="https://pronouns.cc/@hollander">prns</a></div>
</div>
<!--end of navigation & links box-->
<div style="display: flex; justify-content: space-evenly;">
<!-- start of "column" div -->
<div id="columns"> 
<img id="icon" src="https://file.garden/ZuQf8MRKYTjyuCx8/oup">
<span><b style="font-family: kinder;"> ⬭ ﹒ about</b></span>
<div id="scroll">
<p> hello i am beck or nick :) im 19 years old. i dont have a set pronoun so please ask! transmasc nonbinary & aroace, i am gay married to my angel matīss <br> (´・ω・`)♡ im british ⸝ taiwanese ⸝ filipino, i speak mandarin & english... currently learning spanish and japanese! i am an autistic system host. i suffer from other stuff but i dont really talk about it yes?</p>
</div>
<span><b style="font-family: kinder;"> ⬭ ﹒ interests</b></span>
<div id="scroll">
<p><b>trigun</b>, fight club, marvel, itsv ⸝ astv, heated rivalry, <b>project hail mary</b>, house md, <b>topgun</b>,  qsmp, eddsworld, outlast trials, <b>fall out boy</b>, baseball, <b>coding</b>, <b>nagano franchise</b>, fear & hunger ...</p>
</div>
</div>
<!-- end of "column" div-->
<!-- start of "column" div -->
<div id="columns">
<span><b style="font-family: kinder;"> ⬭ ﹒ dni ₊ byi</b></span>
<div id="scroll">
<p>- dni .. basic dni ⸝ proship ⸝ under 16 less its business ⸝ china glorifiers ⸝ prodarkship ⸝ font or typing quirks ⸝ anti rpf .. <br> - byi .. no flirting ⸝ ask before dms & frqs ⸝ no nicknames & petnames unless permitted ⸝ no ttgs ⸝ i block & ignore freely ⸝ no they them unless specified ⸝ I LIKE RPF!!! </p>
</div>
<span><b style="font-family: kinder;"> ⬭ ﹒ misc info</b></span>
<div id="scroll">
<p>i am busy & i also dont care for drama please dont drag me into it i get really stressed out about it. i like my wife & my friends, unless its serious allegations i really dont want to know what kind of issues you have with them. im very love and peace but also i kind of dont care for a lot of things unless it has something to do with me or people i care about.</p>
</div>
<img id="icon" src="https://file.garden/ZuQf8MRKYTjyuCx8/wifeee.pnj">
</div>
<!-- end of "column" div-->
</div>
</div>
</div>
</div>