𝓜𝓮𝓷𝓽𝓪𝓵𝓵𝔂 𝓷𝓸𝓽 𝓱𝓮𝓻𝓮

/*============= box shadows ===================*/ .mood, .blog-preview, .contact { margin-bottom: 30px; box-shadow: calc((400px + (25px * 2)) * 0.025) calc((400px + (25px * 2)) * 0.025) #f6e3e3; } .table-section, .blurbs, .friends { margin-bottom: 30px !important; box-shadow: calc((400px + (25px * 2)) * 0.025) calc((400px + (25px * 2)) * 0.025) #f6e3e3; } .friends { margin-top: 10px!important; } .profile-info { background: white; border: var(--borders)!important; display: flex; align-items: center; justify-content: center; padding: 15px 5px; margin-bottom: 30px; box-shadow: calc((400px + (25px * 2)) * 0.025) calc((400px + (25px * 2)) * 0.025) #f6e3e3; } .profile-info .inner { font-weight: bold; text-align: center; } .contact { background: white; padding: 20px; margin-bottom: 40px!important; } main { background: transparent; padding: 6px 0px; } .profile-pic img { outline: none !important; border: none!important; box-shadow: calc((400px + (25px * 2)) * 0.025) calc((400px + (25px * 2)) * 0.025) #f6e3e3; } .friends-grid img { outline: none !important; filter: opacity(90%) !important; border-radius: var(--curve) !important; } td { background-color: transparent!important; } hr { border-top: 1px solid pink; } .heading, .url-info, .blurbs, .friends, .table, .table-section, footer { border-radius: var(--curve) !important; padding: 2px !important; border: var(--borders) !important; } .friends, .blurbs { background: white; } .mood, .contact, .blog-preview { border-radius: var(--curve) !important; padding: 2px !important; border: var(--borders) !important; } .mood, .blog-preview { text-align: center; background: white; border: var(--borders) !important; } .table-section { border: var(--borders) !important; background-color: white!important; border-radius: var(--curve) !important; } .heading { background: transparent!important; padding-bottom: 4px !important; background-size: 100%100%!important; text-align: center; border: none!important; } .comments-table { display: block; height: 500px!important; overflow-y: scroll; border: var(--borders) !important; outline: none !important; border: none!important; } .comments-table td { background-image: url('') !important; background-size: cover; border: var(--borders); } .comments-table td:first-child img { /* you can clip images at https://bennettfeely.com/clippy and add the code here */ } footer { color: var(--text); text-align: center; font-size: 60%; margin: 10px 0 10px; padding: 10px 5px; background: white; box-shadow: calc((400px + (25px * 2)) * 0.025) calc((400px + (25px * 2)) * 0.025) #f6e3e3; } ㅤ (banner if u wanna remove)