Poolrooms layout! First draft, I'm no expert lol.

I'm leaving the code here for anyone who'd like to try it. Used it as the blog layout too just cus.  I'm pretty happy with how it's turning out! I'd love to make it even more liminal though. I'd appreciate any suggestions on that end. I also wanted to decrease the opacity of the profile header backgrounds & I have no clue how to do that without also making the text more transparent. 

Anyways, thanks for reading, have a good one!!

<style id="fr-vb2">

/* VB2_STATE:{"cursorUrl":"","overlayUrl":"","overlayOpacity":0.2,"avatarAnimation":"","pageFont":"Space Mono","useLiveProfile":true,"previewUrl":"/profile?id=4","pageBgImage":"https://i.pinimg.com/originals/3d/55/3c/3d553c2fb627272b14116c82a0f4d4dc.jpg","pageBgMode":"cover","heroImageUrl":"","profileRowBgImage":"","profileRowBgMode":"cover","navBgColor":"#0005","navBgImage":"https://tse2.mm.bing.net/th/id/OIP.JE-KKHoaRjayv5yxRDcanQHaE8?r=0&pid=Api","navBgMode":"tile","navLinkColor":"#000000","navLinkHover":"#4a4c4f","boxBgColor":"#ffffff","boxOpacity":0,"boxRadius":0,"contactHeaderBg":"#4bc2d2","contactHeaderText":"#000000","contactContentBg":"#ffffff","contactBorderColor":"#0005","contactBorderWidth":0,"contactBorderRadius":0,"contactBoxAnimation":"","interestsHeaderBg":"#4bc2d2","interestsHeaderText":"#000000","interestsContentBg":"#0005","interestsBorderColor":"#4bc2d2","interestsBorderWidth":0,"interestsBorderRadius":0,"contentBoxAnimation":"","textBody":"#000000","textHeading":"#000000","textLink":"#1e4c52","headingShadowColor":"#ffffff","headingShadowBlur":0,"headingShadowEnable":false,"moduleImages":{"contact":"","urlInfo":"https://tse1.mm.bing.net/th/id/OIP.DpzNQYaJs7vsAWZI0-RVGQHaEx?r=0&pid=Api","tableSection":"","tunes":"https://tse1.mm.bing.net/th/id/OIP.DpzNQYaJs7vsAWZI0-RVGQHaEx?r=0&pid=Api","blogPreview":"","blurbs":"https://tse1.mm.bing.net/th/id/OIP.DpzNQYaJs7vsAWZI0-RVGQHaEx?r=0&pid=Api","friends":"","Comments Background":"","comments":"https://tse2.mm.bing.net/th/id/OIP.JE-KKHoaRjayv5yxRDcanQHaE8?r=0&pid=Api"}} */

/* Generated by FriendRewind.com Visual Builder */

@import url('https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&display=swap');

body, body.profile-page {

  background-image: url("https://i.pinimg.com/originals/3d/55/3c/3d553c2fb627272b14116c82a0f4d4dc.jpg") !important;

  background-size: cover !important;

  background-repeat: no-repeat !important;

  background-attachment: scroll !important;

  background-position: center center !important;

  font-family: 'Space Mono', 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', Arial, sans-serif !important;

}

@media (min-width: 769px) and (pointer: fine) {

  body, body.profile-page {

    background-attachment: fixed !important;

  }

}

.myspace-header .top-nav {

  background: #0005;

  background-image: url("https://tse2.mm.bing.net/th/id/OIP.JE-KKHoaRjayv5yxRDcanQHaE8?r=0&pid=Api") !important;

  background-repeat: repeat;

  background-size: auto;

  background-position: center;

}

.myspace-header .main-nav-wrapper {

  background: #0005;

  background-image: url("https://tse2.mm.bing.net/th/id/OIP.JE-KKHoaRjayv5yxRDcanQHaE8?r=0&pid=Api") !important;

  background-repeat: repeat;

  background-size: auto;

  background-position: center;

}

.myspace-header .main-nav li a {

  color: #000000;

}

.myspace-header .main-nav li a:hover {

  color: #4a4c4f;

}

.blurbs, .module, .profileInfo, .table-section {

    background-color: #ffffff00 !important;

    border-radius: 0px !important;

  }

.contact {

    border: 0px solid #4bc2d2 !important;

    border-radius: 11px solid #4bc2d2 !important;

  }

.contact .heading {

    background-color: #4bc2d2 !important;

    color: #000000 !important;

    border-radius: 11px !important;

  }

.table-section, .friends, .blurbs, .module, .profileInfo {

    border: 0px solid #4bc2d2 !important;

    border-radius: 11px !important;

  }

.table-section .heading, .friends .heading, .blurbs .heading, .section .heading, .module .heading, .profileInfo .heading {

    background-color: #4bc2d2 !important;

    color: #000000 !important;

    border-radius: 11px !important;

  }

a, .profile a, .table-section a, .module a { color: #1e4c52 !important; }

.url-info, .tunes, .blurbs {

  background-image: url("https://tse1.mm.bing.net/th/id/OIP.DpzNQYaJs7vsAWZI0-RVGQHaEx?r=0&pid=Api") !important;

  background-size: cover !important;

  background-position: center center !important;

  background-repeat: no-repeat !important;

}

.comments-table td {

  background-image: url("https://tse2.mm.bing.net/th/id/OIP.JE-KKHoaRjayv5yxRDcanQHaE8?r=0&pid=Api") !important;

  background-size: cover !important;

  background-position: center center !important;

  background-repeat: no-repeat !important;

    border-radius: 11px !important;

}

</style><style>

/* FR_MANUAL_EXTRAS */

</style>

<style>

    .url-info {

    border: 0px solid #4bc2d2 !important;

    border-radius: 11px !important;

    }

a:hover {

        color: #ffffff !important

    }

/* FR_MANUAL_EXTRAS */

</style>

<style>

/* FR_MANUAL_EXTRAS */

</style>

<style>

/* FR_MANUAL_EXTRAS */

</style>

<style>

/* FR_MANUAL_EXTRAS */

</style>

<style>

/* FR_MANUAL_EXTRAS */

</style>

<style>

/* FR_MANUAL_EXTRAS */

</style>

<style>

/* FR_MANUAL_EXTRAS */

</style>

<style>

/* FR_MANUAL_EXTRAS */

</style>

<style>

</style>