Pastel goth Layout

<style>

body {

     background-image: url("https://s2.favim.com/orig/150811/clouds-gif-pink-purple-Favim.com-3096843.gif") !important;

     background-color:  !important;

      background-size: cover;

     background-attachment: fixed !important;

     margin: 0;

     padding: 0;

}

</style>

<style>

main 

  /* changes made to stuff outside of columns */

    {background: url("https://cdn.lowgif.com/full/8d9be58ad355ec34-.gif")

        no-repeat fixed; background-size: cover;

     }

    padding: 5px;

    font-size: 80%;

    color: var(--light-orange);

  }

</style>

<style>

div {

    font-size:large;

}

</style>

<style>

    :root {

        --logo-blue:#4d000055 ;

        --darker-blue:#7B68EE ;

        --lighter-blue:#07FFFD40;

        --even-lighter-blue:#07FFFD40 ;

        --lightest-blue:07FFFD40 ;

        --dark-orange:#FFF77D ;

        --light-orange:07FFFD40 ;

        --even-lighter-orange:#FFC0CB88 ;

        --green:#B0E0E6 ;

    }

    * {

  font-family: Impact;

    }

<style>

.contact { border-radius: 15px} 

.profile .contact .f-row {

  /* removes extra spacing from contacts */

    margin: 0;

  }

.blog-preview h4,.profile .heading, .profile .contact .heading, .profile .table-section .heading, .home-actions .heading, .profile .blurbs .heading, .profile .friends .heading .comments.heading{ border-radius: 15px}

footer {

        border-radius: 15px;

background-color: #ff000055;

</style>

<style>

table, th, td {

  border: 1px solid pink;

}

table, th, td { border-radius: 15px} 

}

</style>

<style>

table, th, td {

  border: 1px solid  #c8a2c8;

}

table, th, td { border-radius: 15px} 

}

</style>

<style>

.profile-pic {

        border-radius: 500px;

        overflow: hidden;

    }

    .profile .friends .person img {

        border-radius: 500px;

    }

</style>

<style type="text/css">* {cursor: url(https://cur.cursors-4u.net/holidays/hol-1/hol39.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2005/10/27/hol39.html" target="_blank" title="Gravestone Cross"><img src="https://cur.cursors-4u.net/cursor.png" border="0" alt="Gravestone Cross" style="position:absolute; top: 0px; right: 0px;" /></a>

<style>.online { visibility: hidden; } .online img { content: url("http://www.myspacegens.com/images/online_now/323.gif"); animation-name: none; visibility: visible; height: 43px; width: 90px; }</style>

<div class="topbanner">

<img src="https://cdn140.picsart.com/280446259003211.png?type=webp&to=min&r=640">

</div>

<style>

.comments-table {

display: block;

height: 300px;

overflow-y: scroll;

border: 0;

}

</style>

<style>

.contact {

  border-radius: 25px;

  background: url(https://i.pinimg.com/originals/c8/5f/ac/c85fac2d943ab67100d3d0eb7eddc454.jpg);

  background-position: right bottom;

  background-repeat: repeat-y;

  padding: 20px;

  width: 200px;

  height: 150px;

}

</style>