G0M1TA!🍭🌈🦠🍓

CODE BELOW GOES UNDER YOUR ABOUT ME PARAGRAPH TO ADD YOUTUBE VIDEO CLICK SHARE, EMBED, COPY THEN PASTE HERE ONLY CHANGING THE WIDTH AND HEIGHT TO 350 AND 215 MAIN CODE - BODY MEANS THE FULL BACKGROUND - PROFILE MEANS ANYTHING WITHIN THE MIDDLE SECTION color: white !important; font-size: 90%; text-shadow: 2px 2px 3px #FFFFFF, 0 0 25px #FFFFFF, 0 0 5px white} /*HEADINGS FONT*/ h1, h2, h3, h4, .profile .blurbs .section h4{font-family: 'Press Start 2P', cursive; font-size: 120%; color: white !important; text-shadow: 2px 2px 3px #FFFFFF, 0 0 25px #1a85ff, 0 0 5px #FFFFFF} /*TEXT SETTINGS*/ main p{ letter-spacing: 2px; font-weight: 700; line-height: 1.5; color: white !important; text-shadow: 2px 2px 3px #FFFFFF, 0 0 25px #1a85ff, 0 0 5px #FFFFFF} /*LINK COLOURS*/ .links, .links a, .logout-btn{ color: white !important; text-shadow: 2px 2px 3px #FFFFFF, 0 0 25px #1a85ff, 0 0 5px #FFFFFF !important} a{color: white !important} a:hover{color: #1a85ff !important; text-decoration: underline} a:visited: color: #0045f5 !important} .top a{color: white !important} .top a:hover{color: #1a85ff !important text-decoration: underline} .top a:visited{color: #0045f5 !important} .links a{color: white !important} .links a:hover{color: #1a85ff !important text-decoration: underline} .links a:visited{color: #0045f5 !important} footer .links a{color: white !important} footer .links a{color: #1a85ff !important text-decoration: underline} footer .links a{color: #0045f5 !important} /*VERY BACK BACKGROUND*/ body{ background: url(https://i.ibb.co/4TymjV7/Xkv05Oj.gif); background-size: cover} /*PROFILE BCKGROUND*/ .profile{ background-image: url(https://i.ibb.co/w6y1Tqf/1q8AWXa.gif); background-size: cover; margin-bottom: 20px; box-shadow: calc((400px + (25px * 2)) * 0.025) calc((400px + (25px * 2)) * 0.025) #043cc8} /*HEADER*/ .top{ background: !important; background-image: url(https://i.ibb.co/Sdntjbt/xqOduyW.gif) !important; background-size: cover !important; margin-bottom: 20px; box-shadow: calc((400px + (25px * 2)) * 0.025) calc((400px + (25px * 2)) * 0.025) #043cc8} /*FOOTER*/ footer { height: 150px; background-image: url(https://i.ibb.co/pQ5b1F9/FmCbdz9.gif); background-position: centre !important; background-size: cover; box-shadow: calc((400px + (25px * 2)) * 0.025) calc((400px + (25px * 2)) * 0.025) #043cc8} /*NAV BAR*/ .links{ text-align: center; background: !important; background-image: url(https://i.ibb.co/qWwW0JS/cTM3jbF.gif) !important; background-size: cover !important; margin-bottom: 20px; box-shadow: calc((400px + (25px * 2)) * 0.025) calc((400px + (25px * 2)) * 0.025) #043cc8} footer .links{ background: none !important; box-shadow: none !important} nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after{ content: " ⭒ "; color: white} /*LOGO*/ .logo { filter: invert(38%) sepia(43%) saturate(3307%) hue-rotate(198deg) brightness(101%) contrast(101%); !important; box-shadow: 0px 0px 7px 5px white} /*HEADINGS BACKGROUND*/ .profile .blurbs .heading, .profile .friends .heading, .profile .table-section .heading, .profile .contact .heading, links{ background: linear-gradient(#0045f5, #1a85ff); border: 2px solid blue; border-radius: 2px} /*CIRCULAR PFP*/ .profile-pic { border-radius: 500px; overflow: hidden; box-shadow: 0px 0px 9px 7px #1a85ff} /*CIRCULAR FRIENDS PFP*/ .friends-grid img{ border-radius: 500px; overflow: hidden; box-shadow: 0px 0px 9px 7px #1a85ff} /*BORDERS*/ .contact, .table-section{ border-width: 2px; border-radius: 4px} .blurbs, .friends{ border: solid #1a85ff 2px; border-radius: 4px; margin-bottom: 20px} .comments-table{ border: solid #1a85ff 2px; border-radius: 4px} /*TRANSPARENT INTERESTS GRID*/ :root{ --even-lighter-blue: pink, opacity:0.01; --lightest-blue: pink, opacity:0.01; /*FRIENDS-GRID*/ --light-orange: url(https://i.ibb.co/JFbvDSK/IzFsb7l.gif); --even-lighter-orange: linear-gradient(#1a85ff, #043cc8)} /*URL SECTION*/ .profile .url-info{ background-image:url(https://i.ibb.co/JFbvDSK/IzFsb7l.gif); background size: cover !important} /*ONLINE*/ .online{content: url(https://i.ibb.co/vZxVg2W/vmFMb9I.gif); box-shadow: 0px 0px 7px 5px #1a85ff} /*CONTACT ICONS*/ .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://i.ibb.co/mCc78DF/4iW2Zmr.png)} .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before { /* ADD TO FAVOURITE */ content: url(https://i.ibb.co/mCc78DF/4iW2Zmr.png)} .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before { /*SEND A MESSAGE */ content: url(https://i.ibb.co/mCc78DF/4iW2Zmr.png)} .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before { /*FORWARD TO FRIEND*/ content: url(https://i.ibb.co/mCc78DF/4iW2Zmr.png)} .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before { /*INSTANT MESSAGE*/ content: url(https://i.ibb.co/mCc78DF/4iW2Zmr.png)} .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before { /*BLOCK USER*/ content: url(https://i.ibb.co/mCc78DF/4iW2Zmr.png)} .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before { /*ADD 2 GROUP*/ content: url(https://i.ibb.co/mCc78DF/4iW2Zmr.png)} .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before { /*REPORT*/ content: url(https://i.ibb.co/mCc78DF/4iW2Zmr.png)} /*PROFILE LINKS ICONS*/ .icon, .award img { content: url(https://i.ibb.co/mCc78DF/4iW2Zmr.png); display: inline-block; height: 2.0em; width: 2.0em; margin: 0 .05em 0 .1em; vertical-align: -0.3em; color: rgba(0,0,0,0)} /*BUTTONS*/ button{ color: white; background: url(https://i.ibb.co/Sdntjbt/xqOduyW.gif); border: 2px solid white; padding: 2px} button:hover { color: yellow; background: url(https://i.ibb.co/Sdntjbt/xqOduyW.gif); padding: 4px} /*TOP SEARCH BAR*/ .search-wrapper input[type=text] { background-color: #1a85ff !important; border: 1px solid white !important; border-radius: 10px !important} button{ border-radius: 10px !important; border: 1px solid white !important; background-color: #1a85ff !important} /*STARS ANIMATION OVERLAY*/