lofi anime profile code

hello everyone :)
this is the profile code for a pink/purple/blue lofi type profile code.
i hope this helps anyone having trouble!
feel free to customize it however you'd like or use it as it is.
lmk if you have any questions or reccomendations. :3
i also HIGHLY recommend using this link while coding to see the changes it makes in real time.
it saves so much frustration and headache!!



    :root {
        --logo-blue: #a19ae7;
        --darker-blue: #90e3cd;
        --lighter-blue: #d491ec;
        --even-lighter-blue: #90e3cd;
        --lightest-blue: #d491ec;
        --dark-orange: #90e3cd;
        --light-orange: #d491ec;
        --even-lighter-orange: #90e3cd;
        --green: #90e3cd;

    * {
        font-family: monospace;

        {background: url("https://i.pinimg.com/564x/82/41/a8/8241a830f8960b5f1572c81c87dd9128.jpg")
        no-repeat fixed; background-size:cover;


    .blog-preview p {
        background-color: none;
        padding: 5px 10px;
        border-radius: 10px;
        color: pink;

    .blog-preview p a{
        color: #90e3cd!important;

    .blog-preview p a:hover,
    .blog-preview p a:active,
    .blog-preview p a:focus{
        color: white!important;

    nav {
        border-radius: 15px 15px 0 0;
        overflow: hidden;

    .profile .contact,
    .profile .url-info,
    .profile .table-section,
    .home-actions {
        border: none;

    table.details-table {
        border-collapse: collapse;

    table.details-table td {
        background-color: transparent !important;

    .profile-pic {
        border-radius: 500px;
        overflow: hidden;

    .heading {
        padding: 5px 0 !important;
        margin-top: 15px;
        margin-bottom: 10px;
        background-color: transparent !important;
        color: #eebce2 !important;
        border-bottom: 2px solid;

    {background: url("https://i.pinimg.com/originals/1c/1e/1e/1c1e1edcec5394f25e3d0239ea5de716.gif")
        no-repeat fixed; background-size: cover;
    padding: 5px;
    font-size: 80%;
    color: var(--light-orange);

    .container {
        border-radius: 15px 15px 0 0;
        overflow: hidden;
        margin-top: 30px;
        padding: 10px;

    footer {
        border-radius: 15px;
        background: rgba(161, 145, 231, 0.94) !important;
        display: block !important;

    table.comments-table td {
        background-color: #a793e4 !important;

    .comments-table td:first-child img {
        width: 80px;
        border-radius: 500px;

    .profile .friends .person img {
        border-radius: 500px;

    .blog-preview p {
        font-size: 1.4rem;

    a.addme {
        font-size: 2rem;
        font-weight: bold;
        margin-bottom: 15px;
        display: block;

11 Kudos


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

Momoko La Meowww

Momoko La Meowww's profile picture

Thank you so much! I'm using this on my page!

Report Comment


Katie's profile picture

It's so pretty

Report Comment