```css
/* =========================
   BASIC PAGE
========================= */

html {
    min-height: 100%;
}

body {
    margin: 0;

    background-color: white;
    color: black;

    font-family: Verdana, sans-serif;

    background-image: url("https://i5.glitter-graphics.org/pub/1043/1043585ir2mebcqub.gif");
    background-attachment: fixed;
    background-repeat: repeat;

    overflow-x: hidden;
}


/* =========================
   PINK FLOWERS CURSOR
========================= */

* {
    cursor: url("https://cdn.cursors-4u.net/previews/pink-flowers-6f858f86-32.webp") 32 32, auto !important;
}


/* =========================
   FONTS
========================= */

@font-face {
    font-family: "kawaii stitch";
    src: url("https://dl.dropbox.com/s/yjal3we9j6biyn5/Kawaii%20Stitch.ttf");
}

@font-face {
    font-family: starborn;
    src: url("https://dl.dropbox.com/s/l0541on0m5eqvdj/Starborn.ttf");
}

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

@font-face {
    font-family: Frighted;
    src: url("https://dl.dropbox.com/s/ct0s037q78sao3f/Frighted.ttf");
}

@font-face {
    font-family: SakeMoru;
    src: url("https://dl.dropbox.com/s/ktlx5w7t8gk42nb/SakeMoru-Regular.ttf");
}

@font-face {
    font-family: yipes;
    src: url("https://dl.dropbox.com/s/qrdm3wived8sm66/Yipes.ttf");
}

@font-face {
    font-family: fenotype;
    src: url("https://dl.dropbox.com/s/klo6yfrf62916qp/02.10FEN.TTF");
}


/* =========================
   LINKS
========================= */

a {
    text-decoration: none;
    color: white;
}


/* =========================
   MAIN CONTAINER
========================= */

.container {
    width: 884px;
    height: 665px;

    margin: 20px auto;
    padding: 5px;

    box-sizing: border-box;

    border-width: 7px;
    border-style: solid;

    border-image:
        url("https://i.imgur.com/ROjUrNz.gif")
        6 fill round;

    position: relative;

    z-index: 4;
}


/* =========================
   BANNER
========================= */

.container-one {
    width: 100%;
    height: 170px;

    box-sizing: border-box;

    border: 1px solid white;

    background-image:
        url("https://i9.glitter-graphics.org/pub/36/36889vrx6zyicib.gif");

    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;

    position: absolute;

    top: 5px;
    left: 5px;

    box-shadow: 0 0 8px 8px white inset;

    z-index: 5;
}


/* =========================
   BANNER IMAGES
========================= */

.container-one > img {
    max-height: 100%;
    max-width: 24%;

    object-fit: contain;
}


/* =========================
   SITE TITLE
========================= */

#name {
    font-family: "kawaii stitch", sans-serif;

    font-size: 2em;

    color: #FFD1E6;

    -webkit-text-stroke: 1px white;

    position: absolute;

    bottom: 10px;
    left: 15px;

    z-index: 10;
}


/* =========================
   INTRODUCTION BACKGROUND
========================= */

.bg {
    width: 535px;
    height: 190px;

    box-sizing: border-box;

    padding: 12px;

    border: 1px solid white;

    background-color: #FE82B624;

    background-image:
        url("https://i5.glitter-graphics.org/pub/1043/1043585ir2mebcqub.gif");

    background-repeat: repeat;
    background-size: cover;

    position: absolute;

    top: 190px;
    left: 185px;

    z-index: 10;
}


/* =========================
   INTRODUCTION INNER BOX
========================= */

.in {
    width: 100%;
    height: 100%;

    box-sizing: border-box;

    padding: 5px;

    background: white;

    color: black;

    border: 1px solid black;

    font-family: pixel, Verdana, sans-serif;

    line-height: 1.125em;

    overflow-y: auto;

    box-shadow:
        inset 13px 0 6px -10px rgb(66 66 66 / 30%),
        inset -13px 0 6px -10px rgb(66 66 66 / 30%),
        inset 0 13px 6px -10px #f0f0f0;
}


/* =========================
   INTRODUCTION TITLE
========================= */

.intro {
    background-image:
        radial-gradient(
            #FF3391 30%,
            transparent 70%
        );

    font-family: starborn, Verdana, sans-serif;

    color: white;

    -webkit-text-stroke: 1px black;

    text-align: center;

    font-size: 1.5em;

    padding: 5px 15px;

    margin: 0 auto 8px auto;

    width: fit-content;

    box-sizing: border-box;
}


/* =========================
   LEFT IMAGE FRAME
========================= */

.outer {
    box-sizing: border-box;

    width: 160px;
    height: 160px;

    border-width: 7px;
    border-style: solid;

    border-image:
        url("https://scripted.neocities.org/placeholder.jpg")
        7 fill round;

    border-radius: 15px;

    position: absolute;

    top: 205px;
    left: 20px;

    z-index: 15;

    overflow: hidden;
}


/* =========================
   IMAGE INSIDE FRAME
========================= */

.inner {
    box-sizing: border-box;

    width: 100%;
    height: 100%;

    background-image:
        url("https://i8.glitter-graphics.org/pub/321/321008eff8rb3yun.jpg");

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}


/* =========================
   IPAD / CHAT
========================= */

.four {
    position: absolute;

    top: 390px;
    left: 625px;

    z-index: 20;
}


.ipad {
    box-sizing: border-box;

    width: 245px;
    height: 245px;

    padding: 1em 0.55em;

    background: #FFE8F3;

    border-radius: 10px;
}


/* =========================
   IPAD SCREEN
========================= */

.apple {
    height: 180px;

    background: white;

    border-radius: 2px;

    border: 2px inset #FFE8F3;

    overflow: hidden;
}


/* =========================
   CHAT
========================= */

.chat {
    height: 220px;

    overflow-y: auto;

    margin-top: -175px;

    padding: 5px;
}


/* =========================
   LEFT CHAT BUBBLE
========================= */

.bubble {
    border-radius: 0 25px 25px 25px;

    padding: 7px;

    background: #FF54A7;

    font-family: pixel, Verdana, sans-serif;

    box-shadow:
        inset 13px 0 6px -10px rgb(66 66 66 / 56%),
        inset -13px 0 6px -10px rgb(66 66 66 / 56%),
        inset 0 13px 6px -10px #ffffff,
        inset 0 -13px 6px -10px rgb(66 66 66 / 38%);

    margin-bottom: 10px;

    border: 1px solid #FFBADC;
}


/* =========================
   RIGHT CHAT BUBBLE
========================= */

.bubble2 {
    border-radius: 25px 0 25px 25px;

    padding: 7px;

    background: #FF69B5;

    font-family: pixel, Verdana, sans-serif;

    box-shadow:
        inset 13px 0 6px -10px rgb(66 66 66 / 56%),
        inset -13px 0 6px -10px rgb(66 66 66 / 56%),
        inset 0 13px 6px -10px #ffffff,
        inset 0 -13px 6px -10px rgb(66 66 66 / 38%);

    margin-bottom: 10px;

    border: 1px solid #FFBADC;
}


/* =========================
   HIDE SCROLLBARS
========================= */

::-webkit-scrollbar {
    width: 0;
    height: 0;

    background: transparent;
}

::-webkit-scrollbar-thumb {
    background: transparent;
}
```