codes for rosie crd

--- for header ---
<link rel="stylesheet" href="https://unpkg.com/98.css">
<div class="window" style="box-shadow:inset -1px -0px #0a0a0a,inset 1px 1px #fff,inset -2px -0px #E8E8E8,inset 2px 2px #E8E8E8;">
<div class="title-bar" style="background:linear-gradient(180deg, #E0ABFF 0%, #fff 50%);">
<div class="title-bar-text" style="color: #000000;">
www.hourlyriti.net
</div>
<div class="title-bar-controls">
<button aria-label="Minimize">
</button><button aria-label="Maximize">
</button><button aria-label="Close">
</button></div></div></div>

--- for image border ---
border: 2px inset;
border-radius: 5%;

--- for text w/ links ---
font-family: Pixelated MS Sans Serif;
background: #F2DBFF;
height: 6em;
border: 2px inset;
border-radius: .6em;
z-index: 1;
padding: 5px;
font-size: 1em;

--- for container01 & container02 ---
box-shadow: inset -1px 0px #0a0a0a, inset 1px 0px #fff, inset -2px 0px grey, inset 2px 0px #dfdfdf;

--- for container03 ---
box-shadow: inset -1px -1px #0a0a0a, inset 1px 0px #fff, inset -2px -2px grey, inset 2px 0px #dfdfdf;

--- for text with info ---
font-family: Pixelated MS Sans Serif;
background: #fff;
height: 10em;
border: 2px inset;
border-radius: .6em;
z-index: 1;
padding: 5px;
font-size: 1.05em;
overflow: auto;

--- all texts ---
<style>
@font-face {
font-family: emoji;
src: url(https://dl.dropbox.com/s/cvba4kh6qm23mru/EmojiFont.ttf);
}

@font-face {
font-family: pixel;
src: url(https://dl.dropbox.com/s/kmhe7d3n18vdz5e/w95fa.woff?dl=0);
}

@font-face {
font-family: Pixelated MS Sans Serif; src:url(ms_sans_serif.woff) format("woff"); src:url(ms_sans_serif.woff2) format("woff2");
}

@font-face {
font-family: 'icons';
src:url(https://cdn.glitch.me/9bbfdfb3-4bfa-4c39-8743-5621c8b9df21/IconBitTwo.ttf); }

</style>