francie

francie's profile picture

"on a mental reset not using chatting apps rn sorry"

I'm from UK and love Genshin I'm also a Helpol

Last active:

Mood:

View my: Blog | Forum Topics

SpaceHey URL:

https://spacehey.com/profile?id=3842097

francie's Interests

General

Anime pokemon Gilmore Girls indie horror games bait and switch horror analog horror books Greek mythology legally Blonde musical theatre epic the musical web comics crk Danganronpa and so much more you'd have to ask

Music

Greta van fleet bears in trees nirvana r u ok Lydia the bard queen artic monkeys Vocaloid 

Movies

Marcel the shell with shoes on howls moving castle Arrietty kikis delivery series from up on poppy hill the cat returns the corpse bride Coraline

Television

Gilmore Girls apothecary diaries jjk kny spy x family Saiki k bee and puppycat adventure time gravity Falls the owl house star vs the forces of evil 

Books

Coraline harry Potter(I don't support the authors of those two) powerless percy Jackson the Odyssey the illiad any sort of Greek mythology book (not those weird retellings where like Telemachus and Circe get together) 

Heroes

Lauren Graham and my friends also lady Aphrodite lady Athena and lady Persephone

francie's Latest Blog Entries [View Blog]

There are no Blog Entries yet.

francie's Blurbs

About me:

!-- (c) Layout created by Vin (https://layouts.spacehey.com/layout?id=94284) -->


<style>

                            /* Fonts */

                            @import url('https://fonts.cdnfonts.com/css/cheri');

                         

                            @font-face {

                               font-family: "balsamiq sans";

                               src: url("https://imp.neocities.org/layouts/spacehey/sickly-sweet/BalsamiqSans-Regular.ttf");

                            }

                         

                            /* Start https://www.cursors-4u.com */ * {cursor: url(https://cur.cursors-4u.net/others/oth-4/oth305.cur), auto !important;} /* End https://www.cursors-4u.com */

                         

                            :root {

                               --logo-blue: #872A4E;

                               --lighter-blue: transparent;

                               --even-lighter-blue: transparent;

                               --lightest-blue: transparent;

                               --dark-orange: #872A4E;

                               --light-orange: transparent;

                               --even-lighter-orange: transparent;

                            }

                         

                            ::-moz-selection {

                               color: #286192;

                               background: #D8EDFF;

                            }

                         

                            ::selection {

                               color: #286192;

                               background: #D8EDFF;

                            }

                         

                            /* General CSS Stuff */

                            body {

                               background: repeating-linear-gradient(135deg, #FFE6F0, #FFE6F0 15px, #fff 0, #fff 16px);

                               color: #872A4E;

                               font-family: "balsamiq sans";

                               padding-top: 10px;

                            }

                         

                            main {

                               background-color: transparent;

                               font-size: 15px;

                               color: #872A4E;

                               padding: 10px;

                            }

                         

                            h1 {

                               font-family: "Cheri";

                               font-size: 24px;

                               padding: 7px;

                               border-top-right-radius: 15px;

                               border-top-left-radius: 15px;

                               margin-top: 10px;

                               margin-bottom: 10px;

                               background: repeating-linear-gradient(135deg, #FFE6F0, #FFE6F0 15px, #fff 0, #fff 30px);

                               text-align: center;

                               border: 2px dashed #ffafcc;

                            }

                         

                            h2,

                            h3,

                            h4 {

                               font-family: "Cheri";

                               font-size: 20px;

                               padding: 7px;

                               margin-top: 10px;

                               margin-bottom: 10px;

                               border-top-left-radius: 15px;

                               border-top-right-radius: 15px;

                               background-color: #FFE6F0;

                               text-align: center;

                               width: 100%;

                            }

                         

                            footer {

                               background-color: white;

                               color: #872A4E;

                               border: 2px dashed #ffafcc;

                               border-top-right-radius: 15px;

                               border-top-left-radius: 15px;

                               width: 100%;

                               padding: 5px;

                               margin-left: auto;

                               margin-right: auto;

                            }

                         

                            footer a {

                               color: #C55582;

                            }

                         

                            footer a:hover {

                               text-decoration: none;

                            }

                         

                            button,

                            [id=q] {

                               border: 2px solid #ffafcc;

                               background-color: white;

                               color: #872A4E;

                               font-family: 'balsamiq sans';

                               font-size: 10px;

                               border-radius: 5px;

                               padding: 2px;

                               margin-top: 10px;

                            }

                         

                            /* SpaceHey specfiic */

                         

                            nav .top {

                               background-color: white;

                               color: #872A4E;

                               border: 2px dashed #ffafcc;

                               border-bottom-right-radius: 15px;

                               border-bottom-left-radius: 15px;

                               width: 100%;

                               padding: 8px;

                               margin-left: auto;

                               margin-right: auto;

                               margin-bottom: 15px;

                            }

                         

                            nav .top a {

                               color: #872A4E;

                               text-shadow: 0 0 2px #ffafcc;

                            }

                         

                            nav .top a:hover {

                               color: #ffafcc;

                            }

                         

                            nav .links {

                               background-color: white !important;

                               text-align: center;

                               font-size: 14px;

                               color: #872A4E;

                               border: 2px dashed #ffafcc;

                               border-radius: 15px;

                               width: 100%;

                               padding: 5px;

                               margin-left: auto;

                               margin-right: auto;

                               margin-bottom: 5px;

                               height: auto;

                            }

                         

                            nav .links li:not(:last-child)::after,

                            footer .links li:not(:last-child)::after {

                               content: " ♡ ";

                               margin: 2px;

                               color: #872A4E;

                            }

                         

                            nav .links a {

                               text-decoration: none;

                               color: #C55582;

                               text-shadow: 0 0 2px #ffafcc;

                            }

                         

                            nav .links a:hover {

                               color: #ffafcc;

                            }

                         

                            .container {

                               width: 75%;

                            }

                         

                            .blurbs {

                               background: white;

                               text-align: center;

                               padding: 10px;

                               border: 2px dashed #ffafcc;

                               border-radius: 15px;

                               height: auto;

                            }

                         

                            .blurbs a {

                               text-decoration: none;

                               color: #C55582;

                               text-shadow: 0 0 2px #ffafcc;

                            }

                         

                            .blurbs a:hover {

                               color: #ffafcc;

                            }

                         

                            .blurbs h1 {

                               margin: 15px 0;

                            }

                         

                            .blurbs .heading {

                               display: none;

                            }

                         

                            .profile .blurbs {

                               margin: 10px 0;

                            }

                         

                            .profile .blurbs .section h4 {

                               display: none;

                            }

                         

                            .col.left {

                               background-color: white;

                               border: 2px dashed #ffafcc;

                               border-top-right-radius: 15px;

                               border-top-left-radius: 15px;

                            }

                         

                            .col.left a {

                               text-decoration: none;

                               color: #C55582;

                               text-shadow: 0 0 2px #ffafcc;

                            }

                         

                            .col.left a:hover {

                               color: #ffafcc;

                            }

                         

                            .col.w-40 {

                               min-width: 290px;

                               /* Mobile fix */

                               width: 30%;

                            }

                         

                            .blog-preview {

                               background: white;

                               padding-left: 15px;

                               padding-right: 15px;

                               border: 2px dashed #ffafcc;

                               border-bottom-right-radius: 15px;

                               border-bottom-left-radius: 15px;

                               text-align: center;

                            }

                         

                            .blog-preview a {

                               text-decoration: none;

                               color: #C55582;

                               text-shadow: 0 0 2px #ffafcc;

                            }

                         

                            .blog-preview a:hover {

                               color: #ffafcc;

                            }

                         

                            .blog-preview p .pinned .icon {

                               content: url("https://imp.neocities.org/layouts/spacehey/sickly-sweet/img/pinned.gif");

                            }

                         

                            .friends {

                               background: white;

                               padding: 15px;

                               border: 2px dashed #ffafcc;

                               border-radius: 15px;

                               margin-bottom: 10px;

                               text-align: center;

                            }

                         

                            .friends a {

                               text-decoration: none;

                               color: #C55582;

                               text-shadow: 0 0 2px #ffafcc;

                            }

                         

                            .friends a:hover {

                               color: #ffafcc;

                            }

                         

                            .count {

                               color: #C55582;

                            }

                         

                            .icon {

                               border-radius: 0px !important;

                            }

                         

                            .profile .contact .heading,

                            .profile .table-section .heading,

                            .setting-section .heading,

                            .home-actions .heading {

                               color: #872A4E;

                            }

                         

                            .profile .contact .heading {

                               padding: 0px;

                            }

                         

                            .logout-btn {

                               font-family: 'balsamiq sans';

                               color: #872A4E;

                               text-shadow: 0 0 2px #ffafcc;

                            }

                         

                            .logout-btn:hover {

                               color: #ffafcc;

                            }

                         

                            li.active .icon {

                               content: url("https://imp.neocities.org/layouts/spacehey/sickly-sweet/img/notif.gif");

                               height: 7px;

                               width: 9.5px;

                               display: inline-block;

                            }

                         

                            li .icon {

                               content: url("https://imp.neocities.org/layouts/spacehey/sickly-sweet/img/new.gif");

                               height: 7px;

                               width: 21px;

                               display: inline-block;

                            }

                         

                            nav .links .icon {

                               vertical-align: 0px;

                            }

                         

                            .online {

                               content: url("https://imp.neocities.org/layouts/spacehey/sickly-sweet/img/online.gif");

                               animation-name: none;

                            }

                         

                            .profile-info {

                               color: #872A4E;

                               background: white;

                               padding: 15px;

                               border: 2px dashed #ffafcc;

                               border-radius: 15px;

                               margin-bottom: 10px;

                               text-align: center;

                               height: 50px;

                            }

                         

                            .profile-info a {

                               text-decoration: none;

                               color: #C55582;

                               text-shadow: 0 0 2px #ffafcc;

                            }

                         

                            .profile-info a:hover {

                               color: #ffafcc;

                            }

                         

                            .profile-info h3 {

                               background: transparent;

                               border: none;

                         

                            }

                         

                            .general-about {

                               height: auto;

                            }

                         

                            .general-about .profile-pic {

                               height: 130px;

                               width: 130px;

                            }

                         

                            .general-about .profile-pic img {

                               margin-left: 5px;

                               width: 130px;

                               height: 130px;

                               border-top-left-radius: 100%;

                               border-top-right-radius: 0%;

                               border-bottom-left-radius: 100%;

                               border-bottom-right-radius: 100%;

                               box-shadow: 0px 0px 3px #C55582;

                            }

                         

                            .profile .friends .person img:not(.icon) {

                               border-top-left-radius: 100%;

                               border-top-right-radius: 0%;

                               border-bottom-left-radius: 100%;

                               border-bottom-right-radius: 100%;

                               box-shadow: 0px 0px 3px #C55582;

                               height: 75px;

                               width: 75px;

                            }

                         

                            .friends .heading a.more {

                               float: none;

                            }

                         

                            .profile .friends .person p {

                               color: #872A4E;

                            }

                         

                            .logo {

                               content: url("https://imp.neocities.org/layouts/spacehey/sickly-sweet/img/logo.png");

                               width: 165px;

                               height: 42px;

                            }

                         

                            .contact .inner a img {

                               font-size: 0;

                            }

                         

                            .contact .inner a img:before {

                               font-size: 1em;

                               display: block

                            }

                         

                            .contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {

                               /* Add to Friends */

                               content: url("https://imp.neocities.org/layouts/spacehey/sickly-sweet/img/star66.gif")

                            }

                         

                            .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {

                               /* Add to Favorites */

                               content: url("https://imp.neocities.org/layouts/spacehey/sickly-sweet/img/star66.gif")

                            }

                         

                            .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {

                               /* Send Message */

                               content: url("https://imp.neocities.org/layouts/spacehey/sickly-sweet/img/star71.gif")

                            }

                         

                            .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {

                               /* Forward to Friend */

                               content: url("https://imp.neocities.org/layouts/spacehey/sickly-sweet/img/star71.gif")

                            }

                         

                            .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {

                               /* Instant Message */

                               content: url("https://imp.neocities.org/layouts/spacehey/sickly-sweet/img/star67.gif")

                            }

                         

                            .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {

                               /* Block User */

                               content: url("https://imp.neocities.org/layouts/spacehey/sickly-sweet/img/star67.gif")

                            }

                         

                            .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {

                               /* Add to Group */

                               content: url("https://imp.neocities.org/layouts/spacehey/sickly-sweet/img/star68.gif")

                            }

                         

                            .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {

                               /* Report Profile */

                               content: url("https://imp.neocities.org/layouts/spacehey/sickly-sweet/img/star68.gif")

                            }

                         

                         

                            .comments-table td img {

                               border-top-left-radius: 100%;

                               border-top-right-radius: 0%;

                               border-bottom-left-radius: 100%;

                               border-bottom-right-radius: 100%;

                               box-shadow: 0px 0px 3px #C55582;

                         

                            }

                         

                            img:hover {

                               transform: scale(1.1);

                               transition: transform .2s;

                            }

                         

                         

                            .comments-table td {

                               background-color: #fff;

                               border: 1px dashed #ffafcc;

                            }

                         

                            .comments-table tr {

                               background: repeating-linear-gradient(90deg, #FFeff5, #FFeff5 5px, #fff 0, #fff 10px);

                            }

                         

                            .comments-table td * {

                               text-align: center;

                            }

                         

                            .comments-table td button {

                               font-size: 12px;

                               border: 2px solid #ffafcc;

                               border-radius: 5px;

                               padding: 2px;

                               color: #C55582;

                               text-shadow: 0 0 2px #ffafcc;

                               float: left;

                            }

                            

                            .comments-table td button:hover{

                               color:#ffafcc

                            }

                         

                            .comment-replies {

                               border: none;

                               background-color: #FFeff5;

                               border-left: 25px solid #ffafcc;

                            }

                         

                            .comments-table .report {

                             font-size: 12px;

                             float:right;

                            }

                         

                            .comments-table .report img{

                               display: none;

                            }

                         

                            /* Bonus additions */

                            #scrollbox {

                               margin-left: auto;

                               margin-right: auto;

                               height: auto;

                               max-height: 100px;

                               width: 85%;

                               overflow-y: scroll;

                               text-align: left;

                               border: 2px dashed #ffafcc;

                               border-radius: 2px;

                               padding: 5px;

                            }

                         

                            #scrollbox::-webkit-scrollbar {

                               width: 5px;

                               background: #FFeff5;

                            }

                         

                            #scrollbox::-webkit-scrollbar-thumb {

                               background: #ffafcc;

                            }

                         </style>

                         

                         <!-- Anything below here will go into "About Me"-->

                         <h1>your custom heading!</h1>

                         <p>Your actual "about me" information goes here! Feel free to use any of the h1-h3 tags.</p>

                         <p>Note that h4 is omitted so the default "About Me" and "Who I'd like to meet" are not shown.</p>

                         <p>You can also remove this and paste it into the "Meet" section to keep things more organized and make them easier to edit!</p>

                         <p><b>This is bold text.</b> <a href="https://spacehey.com/bythorne">This is a link</a>. <i>This is italics.</i>

                         </p><div id="scrollbox">

                            <p>This is a custom scrollbox! Anything you put in here will be in its own scrolling container.</p>

                            <p>Simply copy the code and replace the text inside the div tags to whatever you'd like!</p><br/>

                            <p>This is a custom scrollbox! Anything you put in here will be in its own scrolling container.</p>

                            <p>This is a custom scrollbox! Anything you put in here will be in its own scrolling container.</p>

                            <p>This is a custom scrollbox! Anything you put in here will be in its own scrolling container.</p>

                            <p>This is a custom scrollbox! Anything you put in here will be in its own scrolling container.</p>

                            <p>This is a custom scrollbox! Anything you put in here will be in its own scrolling container.</p>

                            <p>This is a custom scrollbox! Anything you put in here will be in its own scrolling container.</p>

                            <p>This is a custom scrollbox! Anything you put in here will be in its own scrolling container.</p>

                            <p>This is a custom scrollbox! Anything you put in here will be in its own scrolling container.</p>

                            <p>This is a custom scrollbox! Anything you put in here will be in its own scrolling container.</p>

                            <p>This is a custom scrollbox! Anything you put in here will be in its own scrolling container.</p>

                            <p>This is a custom scrollbox! Anything you put in here will be in its own scrolling container.</p>

                            <p>This is a custom scrollbox! Anything you put in here will be in its own scrolling container.</p>

                            <p>This is a custom scrollbox! Anything you put in here will be in its own scrolling container.</p>

                         </div><div class="scarletangel"></div>

<div class="mayura2"></div>

<div class="heartfolder1"></div>

<div class="heartfolder2"></div>

<div class="heartfolder3"></div>

<div class="heartfolder4"></div>

<div class="heartfolder5"></div>

<div class="heartfolder6"></div>

<img src="https://64.media.tumblr.com/5019b04d38d5c58b8d826eb8b9f22f39/34275822159c4776-88/s400x600/0f21dc869dad6bd910791ee4a685be5756e5af62.pnj" width="448px"/>


<img src="https://64.media.tumblr.com/21c6ec64ae5698813eec48776041a0d6/0a4801df6aa0db54-79/s400x600/55580dda2885b1bf53aa7bb10a279ee6f7dee8fe.gifv" width="448"/>



<style>


body {

    background-color: #e3e3e3;

    background: url(https://i.pinimg.com/564x/d3/87/38/d38738baf9d7ded484afe11d9ff871b8.jpg);

    font-family: verdana, arial, sans-serif, helvetica;

    background-size: 1000px;

}


body::before {

    content: " ";

    display: block;

    position: fixed;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    background: linear-gradient(rgb(82 15 15 / 48%) 50%, rgb(0 0 0 / 0%) 50%);

    z-index: 2;

    background-size: 100% 2px, 3px 100%;

    pointer-events: none;

}


* {

    font-family: monospace;

    cursor: url(https://64.media.tumblr.com/944a0abc7ef096acd29ddf29e1894969/25c2207280490ab6-da/s75x75_c1/e4bda17eefb34dcb8cf7f8a485ab6ab37b8dc869.gifv), url(https://64.media.tumblr.com/d4a50c1b4d90a1eccf75ccca47199961/b261dfe74ba3f797-4e/s250x250_c1/b8ad33e140c516f3c0960a2572806ef066ef50d0.gifv), auto !important;

}


main {

    background: url(https://i.pinimg.com/474x/04/83/93/0483933….jpg) #fceef4d4;

     #ff6868d4;

    padding: 6px 0px;

    font-size: 80%;

    color: grey;

    background-size: cover;

    border: solid 2px #ff9fc9;

    box-shadow: 0px 0px 6px #a14b74;

}


nav {

    color: #828080;

    font-size: 72%;

    font-size: max(72%, 12px);

}

nav .links .special a {

    color: #ff0000;

}




.general-about .profile-pic {

    display: block;

    float: left;

    height: 150px;

    box-shadow: 0px 0px 15px #ecb7d5;

    border: #ffd6df double 5px;

}


.profile h1 {

    font-size: 2.7em;

    margin: 0 0 10px 0;

    font-family: fangsong;

        color: #ff9cc1;

}


.profile .friends .person img:not(.icon) {

    filter: grayscale(100%);

}


div.profile h1 {

    font-size: 2.5em;

    text-shadow: 2px 2px 0.5px #ab2d2d;

    overflow: hidden;

    animation-name: example;

    animation-iteration-count: infinite;

    animation-duration: 1.4s;


}


a {

    color: #1E40AF;

    color: #d065a0;

    text-decoration: none;

    font-size: 10px;

}

p {

   font-size: max(0.875em, 14px);

}


nav .links a {

    text-decoration: none;

    color: #ffffff;

    font-size: 0.98em;

    font-size: max(0.98em, 12px);

    text-shadow: 0 0 7px #ffffff8c;

}



div.profile h1 {

    font-size: 2.5em;

    text-shadow: 2px 2px 0.5px 

    overflow: hidden;

    animation-name: example;

    animation-iteration-count: infinite;

    animation-duration: 1.4s;

    text-shadow: 2px 2px 0.5px #ff57a2;

}



b, strong {

    font-weight: bolder;

    color: #d35884;

    font-size: 13.5px;

}


nav .links {

    background-color: #ed7dac;

    padding: 3.5px 16px 5.5px 16px;

    border: solid 3px #d76785;

    box-shadow: 0px 0px 10px #e24cb0;

}


nav .links::after {

    content: url(https://64.media.tumblr.com/062574a6ce949afe2599ae7d9855957f/29429a2fed66c7ab-92/s75x75_c1/5434fc96e2df57ec30b76eb21a77afc2748f28a0.gifv)

}



nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after {

    content: " ☆ ";

    color: #ff0202;


}


button, input {

    overflow: visible;

    background-color: #ffdeee63;

    border: 2px inset #ffb3c0;

}


.inner {

    color: #cf3878de !important;

    background: #fff9fb;

    border: 3px inset #ffaad7;

    border-radius: 0px !important;

    box-shadow: 5px 8px #ffd1e3 !important;

    background-size: cover;

}


.details-table td {

    background: #DBEAFE;

    background: #ffa5bc8c;

    vertical-align: top;

    border-bottom: dashed #ffffff;

    box-shadow: 2px 5px #f38bba;

    padding: 1px 12px 10px;

    border-spacing: 10px;

}



.details-table td p {

    margin: 0;

    overflow-wrap: break-word;

    word-break: break-word;

    font-size: 12.5px;

}



.details-table {

    margin: 2px;

    border-spacing: 10px;

}


.comments-table td, .music-table td {

    background: #ffffff00;

    vertical-align: top;

}


.comments-table td:first-child, .music-table td:first-child {

    background: #f9c56c;

    background: #00000000;

    text-align: center;

    font-weight: bold;

    width: 29%;

}


.profile .blurbs .heading, .profile .friends .heading {

    background: #f9c56c;

    background: #ffabce;

    color: #ED0707;

    color: #ffffff;

    padding: 2px 7px;

    box-shadow: 0px 0px 6px #e388bd;

    border: inset #ff8ad5;

}



.profile .blurbs .heading:before {

    content: url(https://64.media.tumblr.com/2a71dcdaf04250820581bc8c3bc90cac/d538a4a8786aa9cb-6a/s75x75_c1/2d7ea5dd881917805257b97bc4333b4def4a2828.gifv);

}




.profile .contact .heading, .profile .table-section .heading, .home-actions .heading {

    background: #ff7dae;

    color: #ffffff;

    padding: 4px 7px;

    border: 2px inset #ff6bb6;

}


.profile .contact, .profile .url-info, .profile .table-section, .home-actions {

   width: 100%;

    border: 2px solid #e878a7;

    margin: 10px 0;

    background-blend-mode: color;

    background: #ffe3f2;

    box-shadow: #ffc0db 5px 5px;

}


footer {

    text-align: center;

    font-size: 70%;

    margin: 10px 0 10px;

    padding: 10px 5px;

    background: url(https://64.media.tumblr.com/4ef363843eadaf4d22e813f4377586d0/5bbc5cd08fbcae95-9b/s500x750/4392091c5c59bb20616932eb6156d499f9037cca.gifv) #59001ea6;

   background-size: 800px;

    background-position: center;

    background-blend-mode: soft-light;

    background-color: #ffc4d3;

}


nav .links, footer .links {

    list-style: cambodian;

    margin-top: auto;

}


 .profile .blurbs .heading h4 {

    display: inline-block;

    font-size: 13.5px;

}



.profile .blurbs .section h4 {

    margin: 0;

   color: #959595;

    font-size: 13px;

}



.details-table td:first-child {

    background: #BFDBFE;

    background: #f9b9cd;

    color: #1D4ED8;

    color: #ffffff;

    font-weight: bold;

    width: 33%;

    font-family: monospace;

    font-size: 3.5mm;

}


nav .top {

    background: #f0ffff00;

    padding: 15px 10px 16px 10px;

    display: flex;

    background-size: cover;

    background-position: bottom;

}


.logo {

    filter: sepia(50%) hue-rotate(288deg) saturate(100);

}


.profile .url-info p {

    font-size: 100%;

    margin: 0;

    word-break: break-all;

    color: #8b8590;

}


.profile-info {

    border: 2px solid rgb(254 133 180 / 70%);

    background-image: url(https://64.media.tumblr.com/f9610d323fcf03096555db5f72b2e2c2/3422996381449623-08/s250x400/244c606292b8fedaf6e464cbff98e689d79047a5.gifv);

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 15px 5px;

    margin-bottom: 10px;

    background-size: 290px;

}




.col, main, footer, nav::before, .online, nav .links, nav .top {

    animation: float 3s;

    animation-iteration-count: infinite;

    animation-timing-function: ease-in-out;

}


.col, main, footer, nav::before, .online, nav .links, nav .top {

animation: float 3s;

animation-iteration-count: infinite;

animation-timing-function: ease-in-out;

}

@keyframes float {

0% { transform: translate(0, 0px);

}

50% {

transform: translate(0, 8px);

}

100% {

transform: translate(0, -0px);

}

.online img {

        content: url(https://64.media.tumblr.com/6cbf50d286f93d4b96856ba92dd77981/0029a9e9ab07cc70-9f/s250x400/4a0860b62ec1b04ad05b0992b722741a90636385.gifv);



Who I'd like to meet:

Nice people who aren't problematic

francie's Friends Comments

Displaying 0 of 0 comments ( View all | Add Comment )

your custom heading!

Your actual "about me" information goes here! Feel free to use any of the h1-h3 tags.

Note that h4 is omitted so the default "About Me" and "Who I'd like to meet" are not shown.

You can also remove this and paste it into the "Meet" section to keep things more organized and make them easier to edit!

This is bold text. This is a link. This is italics.

This is a custom scrollbox! Anything you put in here will be in its own scrolling container.

Simply copy the code and replace the text inside the div tags to whatever you'd like!


This is a custom scrollbox! Anything you put in here will be in its own scrolling container.

This is a custom scrollbox! Anything you put in here will be in its own scrolling container.

This is a custom scrollbox! Anything you put in here will be in its own scrolling container.

This is a custom scrollbox! Anything you put in here will be in its own scrolling container.

This is a custom scrollbox! Anything you put in here will be in its own scrolling container.

This is a custom scrollbox! Anything you put in here will be in its own scrolling container.

This is a custom scrollbox! Anything you put in here will be in its own scrolling container.

This is a custom scrollbox! Anything you put in here will be in its own scrolling container.

This is a custom scrollbox! Anything you put in here will be in its own scrolling container.

This is a custom scrollbox! Anything you put in here will be in its own scrolling container.

This is a custom scrollbox! Anything you put in here will be in its own scrolling container.

This is a custom scrollbox! Anything you put in here will be in its own scrolling container.

This is a custom scrollbox! Anything you put in here will be in its own scrolling container.