nieve.ju.mp code

<!-- pls don't delete credits!!! -->

<style>

@font-face {
font-family: windows;
src: url(https://dl.dropbox.com/s/kaxqli0m8m9zvdc/Windows%20Regular.ttf?dl=0);
}

#windows {
font-family: windows;
}

@font-face {
font-family: pixeloid;
src: url(https://dl.dropbox.com/s/ciawsaxsxpt039i/PixeloidSans-Bold.ttf?dl=0);
}

#pixeloid {
font-family: pixeloid;
}

@keyframes blinkingText{
0%{ color: #000000; }
49%{ color: #000000; }
60%{ color: white; }
99%{ color:white; }
100%{ color: #000000; }
}

#box {

padding: 0em;
width:20em;

}

#blink {

width: 18.3em;
font-size: .875em;
text-align: center;
font-family: windows;
padding: .25em;
background: white;
color: #000;
animation:blinkingText 1.2s infinite;
margin-bottom: .125em;

}

#cont {

width: 16em;
padding: .75em;
margin-top: 0.125em;
border-radius: 0.75em;
border: solid 1px #000;
box-shadow: .35em .35em .5em #0000007A;

background: rgb(234,218,247);
background: linear-gradient(90deg, rgba(234,218,247,1) 0%, rgba(248,240,255,1) 25%, rgba(255,255,255,1) 50%, rgba(248,240,255,1) 75%, rgba(234,218,247,1) 100%);

}


#name {

font-size: .875em;
margin-top: .75em;
margin-bottom: .75em;
text-align: center;
font-family: windows;
border: solid 1px #000;
border-radius: 5em;
padding: .4em;
background: white;


}

#sb {

line-height: 1.375em;
font-size: .875em;
text-align: left;
height: 8em;
overflow-y:auto;
font-family: windows;
color: #000;
border: solid 1px #000;
border-radius: .5em;
padding: .5em;
background: white;

}

mark {
font-size: .9em;
background: rgb(255,255,255);
background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(234,218,247,1) 100%);
border-radius: .4em;
border: 1px solid black;
padding: .1em .35em .1em .35em;
color: #fff;
text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000, 0 0;
font-family: pixeloid;
font-size: .875em;

}

img {
width: 100%;
height: 7.45em;
border: solid 1px #000;
border-radius: .5em;
}

a {

color: #B799CF;

}

strong {
letter-spacing: -.075em;
}

</style>

<div id="box">

<div id="blink">
... cr coracrd ...
</div>

<div id="cont">

<img src="https://i.imgur.com/yix1r5E.jpg">

<div id="name">
hi my name is <strong>name</strong> or <strong>name</strong>
</div>

<div id="sb">

<mark>abt</mark> text text text text text text text text text text text text text text

<br><br>

<mark>norms</mark> text text text text text text text text text text text text text text text text text text text text text text text

<br><br>

<mark>byf</mark> text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text

<br><br>

<mark>don't req if</mark> text text text text text text text text text text text text text text text text text text text text text text text text text text text text

<br><br>

<mark>kpop</mark> <strong>group</strong> bias, <strong>idol</strong>, <strong>group</strong> bias, <strong>group</strong> bias, <strong>group</strong> bias, <strong>group</strong> bias, <strong>idol</strong>, <strong>group</strong> bias, <strong>group</strong>, <strong>group</strong>, <strong>group</strong> bias bias

<br><br>

<mark>tunes</mark> text text text text text text text text text text

<br><br>

<mark>links</mark> <a href="URL" target="_blank">title</a> <a href="URL" target="_blank">title</a> <a href="URL" target="_blank">title</a>

</div>
</div>
</div>

<!-- pls don't delete credits!!! -->